You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/01/04 11:21:45 UTC
[royale-asjs] branch develop updated: tour-de-jewel: copy 12 themes
(light-noflat) to Tour De Jewel,
so we can load dinamically. Will have add more as we improve the rest of the
themes that are still uncomplete
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new c5bb50a tour-de-jewel: copy 12 themes (light-noflat) to Tour De Jewel, so we can load dinamically. Will have add more as we improve the rest of the themes that are still uncomplete
c5bb50a is described below
commit c5bb50a7272a165af4a1e0bc167bba9bfd409895
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sat Jan 4 12:21:34 2020 +0100
tour-de-jewel: copy 12 themes (light-noflat) to Tour De Jewel, so we can load dinamically. Will have add more as we improve the rest of the themes that are still uncomplete
---
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../defaults.css | 1273 ++++++++++++++++++++
.../pom.xml | 10 +
.../Jewel-Light-NoFlat-Primary-Blue-Theme/pom.xml | 10 +
.../pom.xml | 10 +
.../Jewel-Light-NoFlat-Primary-Green-Theme/pom.xml | 10 +
.../pom.xml | 10 +
.../Jewel-Light-NoFlat-Primary-Red-Theme/pom.xml | 10 +
.../pom.xml | 10 +
.../pom.xml | 10 +
.../Jewel-Light-NoFlat-Primary-Topaz-Theme/pom.xml | 10 +
.../pom.xml | 10 +
.../pom.xml | 10 +
.../pom.xml | 10 +
24 files changed, 15396 insertions(+)
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
new file mode 100644
index 0000000..a1c454b
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
@@ -0,0 +1,1273 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+ padding: 0px;
+ margin: 0px;
+}
+
+input, select, textarea, button {
+ font-family: inherit;
+}
+
+j|Form {
+ gap: 3;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.5em;
+}
+
+h4 {
+ font-size: 1.25em;
+}
+
+h5 {
+ font-size: 1em;
+}
+
+span {
+ font-size: 1em;
+}
+
+div {
+ font-size: 14px;
+}
+
+hr {
+ background-color: #d9d9d9;
+}
+
+.jewel.xsmall {
+ font-size: 0.6em;
+}
+
+.jewel.small {
+ font-size: 0.8em;
+}
+
+.jewel {
+ font-size: 1em;
+}
+
+.jewel.large {
+ font-size: 1.2em;
+}
+
+.jewel.xlarge {
+ font-size: 1.4em;
+}
+
+.jewel.imagebutton {
+ outline: 0;
+}
+
+.jewel.alert {
+ transform: translate(-50%, -60%);
+ margin: 0;
+ padding: 0;
+ min-width: 320px;
+ min-height: 240px;
+ border: 0px solid;
+ background-color: white;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ border-radius: 3px;
+ opacity: 0;
+ will-change: opacity, transform;
+}
+.jewel.alert.open {
+ opacity: 1;
+ transform: translate(-50%, -50%);
+ transition: opacity 0.4s 0ms, transform 0.4s 0ms;
+}
+.jewel.alert.open + .backdrop {
+ opacity: 1;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #C92CC6;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.45em !important;
+ font-weight: bold;
+ font-color: #C92CC6;
+}
+.jewel.alert .content {
+ padding: 20px;
+ top: 50px;
+ bottom: 84px;
+}
+.jewel.alert .content .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: 400;
+}
+.jewel.alert .jewel.controlbar {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border-top: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0px 0px 3px 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 84px;
+}
+.jewel.alert + .backdrop {
+ opacity: 0;
+ will-change: opacity;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.jewel.badge {
+ border-radius: 500em;
+ background: #d9d9d9;
+ color: #808080;
+ font-size: 0.85em !important;
+ line-height: 1em;
+}
+.jewel.badge.primary {
+ background: #C92CC6;
+ color: #FFFFFF;
+}
+
+.jewel.button {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.button:active, .jewel.button:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.button[disabled] {
+ font-weight: 400;
+}
+.jewel.button.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.button.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.button.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.button.primary {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ background: linear-gradient(#C92CC6, #9f239d);
+ border: 1px solid #751a74;
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0px 0px 0px 1px rgba(253, 247, 253, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+
+.jewel.card {
+ font-size: 1em;
+ font-weight: 400;
+ background: #ebebeb;
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+j|Card {
+ gap: 3;
+}
+
+.jewel.checkbox input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.checkbox input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23C92CC6' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.checkbox input:checked + span::after, .jewel.checkbox input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
+ background: linear-gradient(#eba3ea, #e279e0);
+ border: 1px solid #8a1e88;
+}
+.jewel.checkbox input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.checkbox input[disabled] + span {
+ color: silver;
+}
+.jewel.checkbox input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23cccccc' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.checkbox span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.combobox .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.combobox .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.combobox .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23C92CC6' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+.jewel.combobox .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.combobox .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+.jewel.datagrid {
+ width: 220px;
+ height: 240px;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
+ border-bottom-left-radius: 0;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.last {
+ border-bottom-right-radius: 0;
+}
+.jewel.datagrid .listarea {
+ border-top-width: 0px;
+ border-left-width: 0px;
+ border-right-width: 0px;
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-style: solid;
+ border-color: #b3b3b3;
+}
+.jewel.datagrid .jewel.list.column {
+ border-radius: 0px;
+ border-bottom-width: 0px;
+ box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+}
+.jewel.datagrid .jewel.list.column.first {
+ border-bottom-left-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column.last {
+ border-bottom-right-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+ border-bottom: 1px solid #ededed;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
+ background: #da58d8;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
+ background: #d643d3;
+}
+
+.jewel.datechooser .jewel.table {
+ background: white;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.25rem;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.button {
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell {
+ background: white;
+ box-shadow: none;
+ border-left: 0px;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
+ border-radius: 50%;
+ color: transparent;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:hover {
+ background: #f3f3f3;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:active {
+ background: #e6e6e6;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-size: 54%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23C92CC6' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-position: right 0 center;
+ background-repeat: no-repeat;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tablecell {
+ border-top: 0px;
+ border-left: 0px;
+ padding: 4px;
+}
+.jewel.datechooser[disabled] {
+ pointer-events: none;
+}
+.jewel.datechooser[disabled] .jewel.table {
+ color: silver;
+ text-shadow: unset;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.button {
+ color: silver;
+ text-shadow: unset;
+ font-weight: normal;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell {
+ background: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.tableitem.selected, .jewel.datechooser[disabled] .jewel.tableitem.selectable:active {
+ background: #cccccc;
+}
+
+.calendar.item {
+ font-size: 1em;
+}
+.calendar.item.dayName {
+ font-weight: 600;
+}
+.calendar.item.date {
+ color: grey;
+}
+
+.jewel.datefield .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.datefield .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.datefield .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+.jewel.datefield .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.datefield .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+
+.jewel.divider {
+ border-bottom-color: #d9d9d9;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+.jewel.drawer.float {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer.float::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer.float .drawermain {
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: white;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.float.open .drawermain {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: auto;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
+
+.jewel.drawerheader {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border-bottom: 1px solid #751a74;
+ color: #FFFFFF;
+ padding: 16px;
+}
+.jewel.drawerheader div {
+ padding: 16px;
+}
+
+.jewel.dropdownlist {
+ background-color: white;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23C92CC6' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-size: 1.08em;
+ background-position: right 0.7em center;
+ background-repeat: no-repeat;
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+}
+.jewel.dropdownlist[disabled] {
+ background-color: #f3f3f3;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.dropdownlist[disabled]::placeholder, .jewel.dropdownlist[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.dropdownlist[disabled] + i {
+ color: silver;
+}
+.jewel.dropdownlist:focus {
+ border: 1px solid #8a1e88;
+}
+
+.jewel.footerbar .footerBarAppHeader {
+ background: linear-gradient(#404040, #262626);
+ border-top: 1px solid #595959;
+ border-bottom: 1px solid black;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.footerbar .footerBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.footerbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.footerbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.footerbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+.jewel.formheading {
+ color: #9f239d;
+ font-size: 1.4em !important;
+}
+.jewel.formheading .jewel.label.spacerLabel {
+ width: 115px;
+}
+.jewel.formheading .jewel.label.requiredSpacerLabel {
+ width: 10px;
+}
+
+j|FormHeading {
+ gap: 2;
+}
+
+.jewel.formitem .jewel.label.formlabel {
+ width: 115px;
+}
+.jewel.formitem .jewel.label.required {
+ color: #EC1C24;
+ font-size: 1.6em !important;
+ width: 10px;
+}
+
+j|FormItem {
+ gap: 2;
+ itemsVerticalAlign: itemsCentered;
+}
+
+.fonticon.dark {
+ color: #676767;
+}
+.fonticon.dark.inactive {
+ color: rgba(128, 128, 128, 0.3);
+}
+.fonticon.light {
+ color: white;
+}
+.fonticon.light.inactive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.jewel.item {
+ padding: 8px;
+}
+.jewel.item.hovered {
+ color: #FFFFFF;
+}
+.jewel.item.selected, .jewel.item.selectable:active {
+ color: #FFFFFF;
+}
+.jewel.item.primary.hovered {
+ background: #C92CC6;
+}
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+ background: #b427b1;
+}
+
+.jewel.label {
+ font-size: 1em;
+}
+
+.jewel.list {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.list[disabled] {
+ pointer-events: none;
+ color: silver;
+ color-text-shadow: unset;
+ font-weight: normal;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.list[disabled] .jewel.item.selected, .jewel.list[disabled] .jewel.item.selectable:active {
+ background: #cccccc !important;
+}
+
+.jewel.navigation {
+ background-color: #ffffff;
+}
+.jewel.navigation .layout.vertical {
+ align-items: stretch;
+}
+
+.jewel.navigationlink {
+ margin: 0;
+ padding: 0 16px;
+ font-size: 1em;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+}
+.jewel.navigationlink.hovered {
+ background: #f3f3f3 !important;
+}
+.jewel.navigationlink .hint.fonticon {
+ margin-left: auto;
+}
+
+.navigation-section-group {
+ transition: height 0.5s;
+ overflow: hidden !important;
+}
+.navigation-section-group .navigationlink {
+ padding-left: 34px;
+}
+
+.jewel.numericstepper .jewel.textinput input {
+ width: 8em;
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+
+@media (max-width: 992px) {
+ .jewel.numericstepper .jewel.textinput input {
+ border-radius: 0;
+ }
+}
+.jewel.spinner {
+ width: 34px;
+}
+.jewel.spinner .jewel.button {
+ padding: 0px;
+ height: 19px;
+ color: transparent;
+ border-radius: 0 0.25rem 0.25rem 0;
+ border-left: 0px;
+}
+.jewel.spinner .jewel.button.up {
+ border-bottom-right-radius: 0px;
+}
+.jewel.spinner .jewel.button.up::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.spinner .jewel.button.down {
+ border-top-right-radius: 0px;
+ border-top-style: groove;
+}
+.jewel.spinner .jewel.button.down::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+@media (max-width: 992px) {
+ .jewel.spinner .jewel.button.up {
+ border: 1px solid #b3b3b3;
+ border-radius: 0 0.25rem 0.25rem 0;
+ }
+ .jewel.spinner .jewel.button.down {
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem 0 0 0.25rem;
+ border-top-style: solid;
+ }
+}
+.popup-content::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+ background: white;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+ .popup-content .jewel.popupcontent {
+ box-shadow: none !important;
+ }
+}
+.jewel.radiobutton input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 50%;
+}
+.jewel.radiobutton input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23C92CC6' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.radiobutton input:checked + span::after, .jewel.radiobutton input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
+ background: linear-gradient(#eba3ea, #e279e0);
+ border: 1px solid #8a1e88;
+}
+.jewel.radiobutton input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton input[disabled] + span {
+ color: silver;
+}
+.jewel.radiobutton input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.radiobutton span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.slider input {
+ color: #C92CC6;
+}
+.jewel.slider input::-ms-fill-lower {
+ background: linear-gradient(#d232cf, #bc29ba);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 3px;
+}
+.jewel.slider input::-ms-fill-upper {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.slider input::-webkit-slider-thumb, .jewel.slider input::-moz-range-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#d232cf, #bc29ba);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-ms-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#d232cf, #bc29ba);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input:active::-webkit-slider-thumb, .jewel.slider input:active::-moz-range-thumb {
+ transform: scale(1.4);
+}
+.jewel.slider input:active::-ms-thumb {
+ transform: scale(0.8);
+}
+.jewel.slider input[disabled]::-ms-fill-lower {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-ms-fill-upper {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-webkit-slider-thumb, .jewel.slider input[disabled]::-moz-range-thumb, .jewel.slider input[disabled]::-ms-thumb {
+ background: #f3f3f3;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]:active::-webkit-slider-thumb, .jewel.slider input[disabled]:active::-moz-range-thumb, .jewel.slider input[disabled]:active::-ms-thumb {
+ transform: scale(1);
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track-fill {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+
+.slider-track-container {
+ top: 50%;
+}
+
+.slider-track-fill {
+ background: linear-gradient(#d232cf, #bc29ba);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 3px;
+}
+
+.slider-track {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+
+.jewel.snackbar {
+ will-change: transform;
+ transform: translate(0, 100%);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.open {
+ transform: translate(0);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.primary .jewel.snackbar-content {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-bottom: none;
+}
+.jewel.snackbar.primary .jewel.snackbar-message {
+ color: #FFFFFF;
+}
+.jewel.snackbar.primary .jewel.snackbar-action {
+ color: #E2D70B;
+}
+.jewel.snackbar.primary .jewel.snackbar-action:hover {
+ background: linear-gradient(#C92CC6, #9f239d);
+}
+
+.jewel.snackbar-content {
+ background: #2C3E50;
+ border-radius: 0.25rem 0.25rem 0px 0px;
+}
+
+.jewel.snackbar-message {
+ color: #FFFFFF;
+}
+
+.jewel.snackbar-action {
+ color: #FFD740;
+}
+.jewel.snackbar-action:hover {
+ background-color: #3C4E60;
+}
+
+@media (max-width: 992px) {
+ .jewel.snackbar-content {
+ border-radius: 0px;
+ }
+}
+.jewel.tabbarbutton {
+ font-size: 1em;
+ font-weight: 500;
+ border: none;
+ background: transparent;
+ outline: none;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.jewel.tabbarbutton .indicator > .indicatorContent {
+ height: 2px;
+ background-color: #C92CC6;
+}
+.jewel.tabbarbutton.hovered {
+ background: rgba(201, 44, 198, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #8a1e88;
+ background: rgba(201, 44, 198, 0.4);
+}
+
+.jewel.simpletable {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.simpletable .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.table {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.table .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.tableitem.hovered {
+ color: #FFFFFF;
+ background: #C92CC6;
+}
+.jewel.tableitem.selected, .jewel.tableitem.selectable:active {
+ color: #FFFFFF;
+ background: #b427b1;
+}
+
+a:link {
+ color: #C92CC6;
+}
+
+a:active {
+ color: #8a1e88;
+}
+
+.jewel.textinput {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textinput input {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textinput input:focus {
+ border: 1px solid #8a1e88;
+}
+.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textinput input[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.textinput input[disabled] + i {
+ color: silver;
+}
+.jewel.textinput.errorBorder input {
+ border: 1px #EC1C24 solid;
+}
+
+.jewel.textarea {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textarea textarea {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textarea textarea:focus {
+ border: 1px solid #8a1e88;
+}
+.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textarea textarea[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.togglebutton.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.togglebutton.primary {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#C92CC6, #9f239d);
+ border: 1px solid #751a74;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0px 0px 0px 1px rgba(253, 247, 253, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
+.jewel.tooltip {
+ color: #FFFFFF;
+ background: #404040;
+ box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
+ animation: slide-up 0.4s ease;
+}
+.jewel.tooltip.error {
+ background: #EC1C24;
+}
+.jewel.tooltip::before {
+ border: solid 8px transparent;
+}
+.jewel.tooltip.left-top::before {
+ left: 8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.middle-top::before {
+ margin-bottom: -8px;
+ margin-left: -8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.left-middle::before {
+ margin-top: -8px;
+ margin-right: -8px;
+ border-left-color: #EC1C24;
+}
+.jewel.tooltip.right-middle::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-right-color: #EC1C24;
+}
+.jewel.tooltip.middle-bottom::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-bottom-color: #EC1C24;
+}
+@keyframes slide-up {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.jewel.topappbar .topBarAppHeader {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border-top: 1px solid #dd64db;
+ border-bottom: 1px solid #751a74;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.topappbar .topBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.topappbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.topappbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.bartitle {
+ font-size: 1.4em !important;
+ font-weight: 800;
+ padding-left: 20px;
+ padding-right: 0;
+}
+
+.jewel.label.wizardTitle {
+ color: #C92CC6;
+ font-size: 2em !important;
+}
+.jewel.next, .jewel.previous {
+ min-width: 44px;
+}
+.jewel.next:hover, .jewel.previous:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+}
+.jewel.next .jewel.button, .jewel.previous .jewel.button {
+ width: calc(100% - 10px);
+}
+
+j|Wizard {
+ gap: 3;
+ itemsVerticalAlign: itemsCentered;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
new file mode 100644
index 0000000..e5f350a
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
@@ -0,0 +1,1273 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+ padding: 0px;
+ margin: 0px;
+}
+
+input, select, textarea, button {
+ font-family: inherit;
+}
+
+j|Form {
+ gap: 3;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.5em;
+}
+
+h4 {
+ font-size: 1.25em;
+}
+
+h5 {
+ font-size: 1em;
+}
+
+span {
+ font-size: 1em;
+}
+
+div {
+ font-size: 14px;
+}
+
+hr {
+ background-color: #d9d9d9;
+}
+
+.jewel.xsmall {
+ font-size: 0.6em;
+}
+
+.jewel.small {
+ font-size: 0.8em;
+}
+
+.jewel {
+ font-size: 1em;
+}
+
+.jewel.large {
+ font-size: 1.2em;
+}
+
+.jewel.xlarge {
+ font-size: 1.4em;
+}
+
+.jewel.imagebutton {
+ outline: 0;
+}
+
+.jewel.alert {
+ transform: translate(-50%, -60%);
+ margin: 0;
+ padding: 0;
+ min-width: 320px;
+ min-height: 240px;
+ border: 0px solid;
+ background-color: white;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ border-radius: 3px;
+ opacity: 0;
+ will-change: opacity, transform;
+}
+.jewel.alert.open {
+ opacity: 1;
+ transform: translate(-50%, -50%);
+ transition: opacity 0.4s 0ms, transform 0.4s 0ms;
+}
+.jewel.alert.open + .backdrop {
+ opacity: 1;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #3CADF1;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.45em !important;
+ font-weight: bold;
+ font-color: #3CADF1;
+}
+.jewel.alert .content {
+ padding: 20px;
+ top: 50px;
+ bottom: 84px;
+}
+.jewel.alert .content .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: 400;
+}
+.jewel.alert .jewel.controlbar {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border-top: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0px 0px 3px 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 84px;
+}
+.jewel.alert + .backdrop {
+ opacity: 0;
+ will-change: opacity;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.jewel.badge {
+ border-radius: 500em;
+ background: #d9d9d9;
+ color: #808080;
+ font-size: 0.85em !important;
+ line-height: 1em;
+}
+.jewel.badge.primary {
+ background: #3CADF1;
+ color: #FFFFFF;
+}
+
+.jewel.button {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.button:active, .jewel.button:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.button[disabled] {
+ font-weight: 400;
+}
+.jewel.button.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.button.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.button.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.button.primary {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ background: linear-gradient(#3CADF1, #1198e9);
+ border: 1px solid #0d79ba;
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+
+.jewel.card {
+ font-size: 1em;
+ font-weight: 400;
+ background: #ebebeb;
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+j|Card {
+ gap: 3;
+}
+
+.jewel.checkbox input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.checkbox input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%233CADF1' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.checkbox input:checked + span::after, .jewel.checkbox input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
+ background: linear-gradient(#cbe9fb, #9bd5f8);
+ border: 1px solid #0f88d1;
+}
+.jewel.checkbox input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.checkbox input[disabled] + span {
+ color: silver;
+}
+.jewel.checkbox input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23cccccc' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.checkbox span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.combobox .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.combobox .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.combobox .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+.jewel.combobox .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.combobox .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+.jewel.datagrid {
+ width: 220px;
+ height: 240px;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
+ border-bottom-left-radius: 0;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.last {
+ border-bottom-right-radius: 0;
+}
+.jewel.datagrid .listarea {
+ border-top-width: 0px;
+ border-left-width: 0px;
+ border-right-width: 0px;
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-style: solid;
+ border-color: #b3b3b3;
+}
+.jewel.datagrid .jewel.list.column {
+ border-radius: 0px;
+ border-bottom-width: 0px;
+ box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+}
+.jewel.datagrid .jewel.list.column.first {
+ border-bottom-left-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column.last {
+ border-bottom-right-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+ border-bottom: 1px solid #ededed;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
+ background: #75c5f5;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
+ background: #5dbbf3;
+}
+
+.jewel.datechooser .jewel.table {
+ background: white;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.25rem;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.button {
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell {
+ background: white;
+ box-shadow: none;
+ border-left: 0px;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
+ border-radius: 50%;
+ color: transparent;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:hover {
+ background: #f3f3f3;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:active {
+ background: #e6e6e6;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-size: 54%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-position: right 0 center;
+ background-repeat: no-repeat;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tablecell {
+ border-top: 0px;
+ border-left: 0px;
+ padding: 4px;
+}
+.jewel.datechooser[disabled] {
+ pointer-events: none;
+}
+.jewel.datechooser[disabled] .jewel.table {
+ color: silver;
+ text-shadow: unset;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.button {
+ color: silver;
+ text-shadow: unset;
+ font-weight: normal;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell {
+ background: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.tableitem.selected, .jewel.datechooser[disabled] .jewel.tableitem.selectable:active {
+ background: #cccccc;
+}
+
+.calendar.item {
+ font-size: 1em;
+}
+.calendar.item.dayName {
+ font-weight: 600;
+}
+.calendar.item.date {
+ color: grey;
+}
+
+.jewel.datefield .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.datefield .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.datefield .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+.jewel.datefield .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.datefield .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+
+.jewel.divider {
+ border-bottom-color: #d9d9d9;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+.jewel.drawer.float {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer.float::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer.float .drawermain {
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: white;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.float.open .drawermain {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: auto;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
+
+.jewel.drawerheader {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border-bottom: 1px solid #0d79ba;
+ color: #FFFFFF;
+ padding: 16px;
+}
+.jewel.drawerheader div {
+ padding: 16px;
+}
+
+.jewel.dropdownlist {
+ background-color: white;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-size: 1.08em;
+ background-position: right 0.7em center;
+ background-repeat: no-repeat;
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+}
+.jewel.dropdownlist[disabled] {
+ background-color: #f3f3f3;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.dropdownlist[disabled]::placeholder, .jewel.dropdownlist[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.dropdownlist[disabled] + i {
+ color: silver;
+}
+.jewel.dropdownlist:focus {
+ border: 1px solid #0f88d1;
+}
+
+.jewel.footerbar .footerBarAppHeader {
+ background: linear-gradient(#404040, #262626);
+ border-top: 1px solid #595959;
+ border-bottom: 1px solid black;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.footerbar .footerBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.footerbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.footerbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.footerbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+.jewel.formheading {
+ color: #1198e9;
+ font-size: 1.4em !important;
+}
+.jewel.formheading .jewel.label.spacerLabel {
+ width: 115px;
+}
+.jewel.formheading .jewel.label.requiredSpacerLabel {
+ width: 10px;
+}
+
+j|FormHeading {
+ gap: 2;
+}
+
+.jewel.formitem .jewel.label.formlabel {
+ width: 115px;
+}
+.jewel.formitem .jewel.label.required {
+ color: #EC1C24;
+ font-size: 1.6em !important;
+ width: 10px;
+}
+
+j|FormItem {
+ gap: 2;
+ itemsVerticalAlign: itemsCentered;
+}
+
+.fonticon.dark {
+ color: #676767;
+}
+.fonticon.dark.inactive {
+ color: rgba(128, 128, 128, 0.3);
+}
+.fonticon.light {
+ color: white;
+}
+.fonticon.light.inactive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.jewel.item {
+ padding: 8px;
+}
+.jewel.item.hovered {
+ color: #FFFFFF;
+}
+.jewel.item.selected, .jewel.item.selectable:active {
+ color: #FFFFFF;
+}
+.jewel.item.primary.hovered {
+ background: #3CADF1;
+}
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+ background: #24a3ef;
+}
+
+.jewel.label {
+ font-size: 1em;
+}
+
+.jewel.list {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.list[disabled] {
+ pointer-events: none;
+ color: silver;
+ color-text-shadow: unset;
+ font-weight: normal;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.list[disabled] .jewel.item.selected, .jewel.list[disabled] .jewel.item.selectable:active {
+ background: #cccccc !important;
+}
+
+.jewel.navigation {
+ background-color: #ffffff;
+}
+.jewel.navigation .layout.vertical {
+ align-items: stretch;
+}
+
+.jewel.navigationlink {
+ margin: 0;
+ padding: 0 16px;
+ font-size: 1em;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+}
+.jewel.navigationlink.hovered {
+ background: #f3f3f3 !important;
+}
+.jewel.navigationlink .hint.fonticon {
+ margin-left: auto;
+}
+
+.navigation-section-group {
+ transition: height 0.5s;
+ overflow: hidden !important;
+}
+.navigation-section-group .navigationlink {
+ padding-left: 34px;
+}
+
+.jewel.numericstepper .jewel.textinput input {
+ width: 8em;
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+
+@media (max-width: 992px) {
+ .jewel.numericstepper .jewel.textinput input {
+ border-radius: 0;
+ }
+}
+.jewel.spinner {
+ width: 34px;
+}
+.jewel.spinner .jewel.button {
+ padding: 0px;
+ height: 19px;
+ color: transparent;
+ border-radius: 0 0.25rem 0.25rem 0;
+ border-left: 0px;
+}
+.jewel.spinner .jewel.button.up {
+ border-bottom-right-radius: 0px;
+}
+.jewel.spinner .jewel.button.up::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.spinner .jewel.button.down {
+ border-top-right-radius: 0px;
+ border-top-style: groove;
+}
+.jewel.spinner .jewel.button.down::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+@media (max-width: 992px) {
+ .jewel.spinner .jewel.button.up {
+ border: 1px solid #b3b3b3;
+ border-radius: 0 0.25rem 0.25rem 0;
+ }
+ .jewel.spinner .jewel.button.down {
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem 0 0 0.25rem;
+ border-top-style: solid;
+ }
+}
+.popup-content::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+ background: white;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+ .popup-content .jewel.popupcontent {
+ box-shadow: none !important;
+ }
+}
+.jewel.radiobutton input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 50%;
+}
+.jewel.radiobutton input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%233CADF1' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.radiobutton input:checked + span::after, .jewel.radiobutton input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
+ background: linear-gradient(#cbe9fb, #9bd5f8);
+ border: 1px solid #0f88d1;
+}
+.jewel.radiobutton input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton input[disabled] + span {
+ color: silver;
+}
+.jewel.radiobutton input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.radiobutton span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.slider input {
+ color: #3CADF1;
+}
+.jewel.slider input::-ms-fill-lower {
+ background: linear-gradient(#4ab3f2, #2ea7f0);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 3px;
+}
+.jewel.slider input::-ms-fill-upper {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.slider input::-webkit-slider-thumb, .jewel.slider input::-moz-range-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#4ab3f2, #2ea7f0);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-ms-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#4ab3f2, #2ea7f0);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input:active::-webkit-slider-thumb, .jewel.slider input:active::-moz-range-thumb {
+ transform: scale(1.4);
+}
+.jewel.slider input:active::-ms-thumb {
+ transform: scale(0.8);
+}
+.jewel.slider input[disabled]::-ms-fill-lower {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-ms-fill-upper {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-webkit-slider-thumb, .jewel.slider input[disabled]::-moz-range-thumb, .jewel.slider input[disabled]::-ms-thumb {
+ background: #f3f3f3;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]:active::-webkit-slider-thumb, .jewel.slider input[disabled]:active::-moz-range-thumb, .jewel.slider input[disabled]:active::-ms-thumb {
+ transform: scale(1);
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track-fill {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+
+.slider-track-container {
+ top: 50%;
+}
+
+.slider-track-fill {
+ background: linear-gradient(#4ab3f2, #2ea7f0);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 3px;
+}
+
+.slider-track {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+
+.jewel.snackbar {
+ will-change: transform;
+ transform: translate(0, 100%);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.open {
+ transform: translate(0);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.primary .jewel.snackbar-content {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-bottom: none;
+}
+.jewel.snackbar.primary .jewel.snackbar-message {
+ color: #FFFFFF;
+}
+.jewel.snackbar.primary .jewel.snackbar-action {
+ color: #E2D70B;
+}
+.jewel.snackbar.primary .jewel.snackbar-action:hover {
+ background: linear-gradient(#3CADF1, #1198e9);
+}
+
+.jewel.snackbar-content {
+ background: #2C3E50;
+ border-radius: 0.25rem 0.25rem 0px 0px;
+}
+
+.jewel.snackbar-message {
+ color: #FFFFFF;
+}
+
+.jewel.snackbar-action {
+ color: #FFD740;
+}
+.jewel.snackbar-action:hover {
+ background-color: #3C4E60;
+}
+
+@media (max-width: 992px) {
+ .jewel.snackbar-content {
+ border-radius: 0px;
+ }
+}
+.jewel.tabbarbutton {
+ font-size: 1em;
+ font-weight: 500;
+ border: none;
+ background: transparent;
+ outline: none;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.jewel.tabbarbutton .indicator > .indicatorContent {
+ height: 2px;
+ background-color: #3CADF1;
+}
+.jewel.tabbarbutton.hovered {
+ background: rgba(60, 173, 241, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #0f88d1;
+ background: rgba(60, 173, 241, 0.4);
+}
+
+.jewel.simpletable {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.simpletable .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.table {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.table .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.tableitem.hovered {
+ color: #FFFFFF;
+ background: #3CADF1;
+}
+.jewel.tableitem.selected, .jewel.tableitem.selectable:active {
+ color: #FFFFFF;
+ background: #24a3ef;
+}
+
+a:link {
+ color: #3CADF1;
+}
+
+a:active {
+ color: #0f88d1;
+}
+
+.jewel.textinput {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textinput input {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textinput input:focus {
+ border: 1px solid #0f88d1;
+}
+.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textinput input[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.textinput input[disabled] + i {
+ color: silver;
+}
+.jewel.textinput.errorBorder input {
+ border: 1px #EC1C24 solid;
+}
+
+.jewel.textarea {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textarea textarea {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textarea textarea:focus {
+ border: 1px solid #0f88d1;
+}
+.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textarea textarea[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.togglebutton.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.togglebutton.primary {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#3CADF1, #1198e9);
+ border: 1px solid #0d79ba;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
+.jewel.tooltip {
+ color: #FFFFFF;
+ background: #404040;
+ box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
+ animation: slide-up 0.4s ease;
+}
+.jewel.tooltip.error {
+ background: #EC1C24;
+}
+.jewel.tooltip::before {
+ border: solid 8px transparent;
+}
+.jewel.tooltip.left-top::before {
+ left: 8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.middle-top::before {
+ margin-bottom: -8px;
+ margin-left: -8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.left-middle::before {
+ margin-top: -8px;
+ margin-right: -8px;
+ border-left-color: #EC1C24;
+}
+.jewel.tooltip.right-middle::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-right-color: #EC1C24;
+}
+.jewel.tooltip.middle-bottom::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-bottom-color: #EC1C24;
+}
+@keyframes slide-up {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.jewel.topappbar .topBarAppHeader {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border-top: 1px solid #83cbf6;
+ border-bottom: 1px solid #0d79ba;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.topappbar .topBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.topappbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.topappbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.bartitle {
+ font-size: 1.4em !important;
+ font-weight: 800;
+ padding-left: 20px;
+ padding-right: 0;
+}
+
+.jewel.label.wizardTitle {
+ color: #3CADF1;
+ font-size: 2em !important;
+}
+.jewel.next, .jewel.previous {
+ min-width: 44px;
+}
+.jewel.next:hover, .jewel.previous:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+}
+.jewel.next .jewel.button, .jewel.previous .jewel.button {
+ width: calc(100% - 10px);
+}
+
+j|Wizard {
+ gap: 3;
+ itemsVerticalAlign: itemsCentered;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
new file mode 100644
index 0000000..8a3f6d3
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
@@ -0,0 +1,1273 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+ padding: 0px;
+ margin: 0px;
+}
+
+input, select, textarea, button {
+ font-family: inherit;
+}
+
+j|Form {
+ gap: 3;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.5em;
+}
+
+h4 {
+ font-size: 1.25em;
+}
+
+h5 {
+ font-size: 1em;
+}
+
+span {
+ font-size: 1em;
+}
+
+div {
+ font-size: 14px;
+}
+
+hr {
+ background-color: #d9d9d9;
+}
+
+.jewel.xsmall {
+ font-size: 0.6em;
+}
+
+.jewel.small {
+ font-size: 0.8em;
+}
+
+.jewel {
+ font-size: 1em;
+}
+
+.jewel.large {
+ font-size: 1.2em;
+}
+
+.jewel.xlarge {
+ font-size: 1.4em;
+}
+
+.jewel.imagebutton {
+ outline: 0;
+}
+
+.jewel.alert {
+ transform: translate(-50%, -60%);
+ margin: 0;
+ padding: 0;
+ min-width: 320px;
+ min-height: 240px;
+ border: 0px solid;
+ background-color: white;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ border-radius: 3px;
+ opacity: 0;
+ will-change: opacity, transform;
+}
+.jewel.alert.open {
+ opacity: 1;
+ transform: translate(-50%, -50%);
+ transition: opacity 0.4s 0ms, transform 0.4s 0ms;
+}
+.jewel.alert.open + .backdrop {
+ opacity: 1;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #8CC63C;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.45em !important;
+ font-weight: bold;
+ font-color: #8CC63C;
+}
+.jewel.alert .content {
+ padding: 20px;
+ top: 50px;
+ bottom: 84px;
+}
+.jewel.alert .content .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: 400;
+}
+.jewel.alert .jewel.controlbar {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border-top: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0px 0px 3px 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 84px;
+}
+.jewel.alert + .backdrop {
+ opacity: 0;
+ will-change: opacity;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.jewel.badge {
+ border-radius: 500em;
+ background: #d9d9d9;
+ color: #808080;
+ font-size: 0.85em !important;
+ line-height: 1em;
+}
+.jewel.badge.primary {
+ background: #8CC63C;
+ color: #FFFFFF;
+}
+
+.jewel.button {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.button:active, .jewel.button:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.button[disabled] {
+ font-weight: 400;
+}
+.jewel.button.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.button.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.button.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.button.primary {
+ background: linear-gradient(#98cc50, #7eb435);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ background: linear-gradient(#8CC63C, #71a02f);
+ border: 1px solid #557923;
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+
+.jewel.card {
+ font-size: 1em;
+ font-weight: 400;
+ background: #ebebeb;
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+j|Card {
+ gap: 3;
+}
+
+.jewel.checkbox input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.checkbox input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%238CC63C' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.checkbox input:checked + span::after, .jewel.checkbox input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
+ background: linear-gradient(#d2e9b2, #bbdd8b);
+ border: 1px solid #638c29;
+}
+.jewel.checkbox input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.checkbox input[disabled] + span {
+ color: silver;
+}
+.jewel.checkbox input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23cccccc' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.checkbox span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.combobox .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.combobox .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.combobox .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%238CC63C' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+.jewel.combobox .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.combobox .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+.jewel.datagrid {
+ width: 220px;
+ height: 240px;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
+ border-bottom-left-radius: 0;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.last {
+ border-bottom-right-radius: 0;
+}
+.jewel.datagrid .listarea {
+ border-top-width: 0px;
+ border-left-width: 0px;
+ border-right-width: 0px;
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-style: solid;
+ border-color: #b3b3b3;
+}
+.jewel.datagrid .jewel.list.column {
+ border-radius: 0px;
+ border-bottom-width: 0px;
+ box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+}
+.jewel.datagrid .jewel.list.column.first {
+ border-bottom-left-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column.last {
+ border-bottom-right-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+ border-bottom: 1px solid #ededed;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
+ background: #a8d46b;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
+ background: #9cce58;
+}
+
+.jewel.datechooser .jewel.table {
+ background: white;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.25rem;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.button {
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell {
+ background: white;
+ box-shadow: none;
+ border-left: 0px;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
+ border-radius: 50%;
+ color: transparent;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:hover {
+ background: #f3f3f3;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:active {
+ background: #e6e6e6;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-size: 54%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%238CC63C' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-position: right 0 center;
+ background-repeat: no-repeat;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tablecell {
+ border-top: 0px;
+ border-left: 0px;
+ padding: 4px;
+}
+.jewel.datechooser[disabled] {
+ pointer-events: none;
+}
+.jewel.datechooser[disabled] .jewel.table {
+ color: silver;
+ text-shadow: unset;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.button {
+ color: silver;
+ text-shadow: unset;
+ font-weight: normal;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell {
+ background: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.tableitem.selected, .jewel.datechooser[disabled] .jewel.tableitem.selectable:active {
+ background: #cccccc;
+}
+
+.calendar.item {
+ font-size: 1em;
+}
+.calendar.item.dayName {
+ font-weight: 600;
+}
+.calendar.item.date {
+ color: grey;
+}
+
+.jewel.datefield .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.datefield .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.datefield .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+.jewel.datefield .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.datefield .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+
+.jewel.divider {
+ border-bottom-color: #d9d9d9;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+.jewel.drawer.float {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer.float::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer.float .drawermain {
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: white;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.float.open .drawermain {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: auto;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
+
+.jewel.drawerheader {
+ background: linear-gradient(#98cc50, #7eb435);
+ border-bottom: 1px solid #557923;
+ color: #FFFFFF;
+ padding: 16px;
+}
+.jewel.drawerheader div {
+ padding: 16px;
+}
+
+.jewel.dropdownlist {
+ background-color: white;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%238CC63C' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-size: 1.08em;
+ background-position: right 0.7em center;
+ background-repeat: no-repeat;
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+}
+.jewel.dropdownlist[disabled] {
+ background-color: #f3f3f3;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.dropdownlist[disabled]::placeholder, .jewel.dropdownlist[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.dropdownlist[disabled] + i {
+ color: silver;
+}
+.jewel.dropdownlist:focus {
+ border: 1px solid #638c29;
+}
+
+.jewel.footerbar .footerBarAppHeader {
+ background: linear-gradient(#404040, #262626);
+ border-top: 1px solid #595959;
+ border-bottom: 1px solid black;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.footerbar .footerBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.footerbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.footerbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.footerbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+.jewel.formheading {
+ color: #71a02f;
+ font-size: 1.4em !important;
+}
+.jewel.formheading .jewel.label.spacerLabel {
+ width: 115px;
+}
+.jewel.formheading .jewel.label.requiredSpacerLabel {
+ width: 10px;
+}
+
+j|FormHeading {
+ gap: 2;
+}
+
+.jewel.formitem .jewel.label.formlabel {
+ width: 115px;
+}
+.jewel.formitem .jewel.label.required {
+ color: #EC1C24;
+ font-size: 1.6em !important;
+ width: 10px;
+}
+
+j|FormItem {
+ gap: 2;
+ itemsVerticalAlign: itemsCentered;
+}
+
+.fonticon.dark {
+ color: #676767;
+}
+.fonticon.dark.inactive {
+ color: rgba(128, 128, 128, 0.3);
+}
+.fonticon.light {
+ color: white;
+}
+.fonticon.light.inactive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.jewel.item {
+ padding: 8px;
+}
+.jewel.item.hovered {
+ color: #FFFFFF;
+}
+.jewel.item.selected, .jewel.item.selectable:active {
+ color: #FFFFFF;
+}
+.jewel.item.primary.hovered {
+ background: #8CC63C;
+}
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+ background: #7eb435;
+}
+
+.jewel.label {
+ font-size: 1em;
+}
+
+.jewel.list {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.list[disabled] {
+ pointer-events: none;
+ color: silver;
+ color-text-shadow: unset;
+ font-weight: normal;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.list[disabled] .jewel.item.selected, .jewel.list[disabled] .jewel.item.selectable:active {
+ background: #cccccc !important;
+}
+
+.jewel.navigation {
+ background-color: #ffffff;
+}
+.jewel.navigation .layout.vertical {
+ align-items: stretch;
+}
+
+.jewel.navigationlink {
+ margin: 0;
+ padding: 0 16px;
+ font-size: 1em;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+}
+.jewel.navigationlink.hovered {
+ background: #f3f3f3 !important;
+}
+.jewel.navigationlink .hint.fonticon {
+ margin-left: auto;
+}
+
+.navigation-section-group {
+ transition: height 0.5s;
+ overflow: hidden !important;
+}
+.navigation-section-group .navigationlink {
+ padding-left: 34px;
+}
+
+.jewel.numericstepper .jewel.textinput input {
+ width: 8em;
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+
+@media (max-width: 992px) {
+ .jewel.numericstepper .jewel.textinput input {
+ border-radius: 0;
+ }
+}
+.jewel.spinner {
+ width: 34px;
+}
+.jewel.spinner .jewel.button {
+ padding: 0px;
+ height: 19px;
+ color: transparent;
+ border-radius: 0 0.25rem 0.25rem 0;
+ border-left: 0px;
+}
+.jewel.spinner .jewel.button.up {
+ border-bottom-right-radius: 0px;
+}
+.jewel.spinner .jewel.button.up::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.spinner .jewel.button.down {
+ border-top-right-radius: 0px;
+ border-top-style: groove;
+}
+.jewel.spinner .jewel.button.down::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+@media (max-width: 992px) {
+ .jewel.spinner .jewel.button.up {
+ border: 1px solid #b3b3b3;
+ border-radius: 0 0.25rem 0.25rem 0;
+ }
+ .jewel.spinner .jewel.button.down {
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem 0 0 0.25rem;
+ border-top-style: solid;
+ }
+}
+.popup-content::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+ background: white;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+ .popup-content .jewel.popupcontent {
+ box-shadow: none !important;
+ }
+}
+.jewel.radiobutton input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 50%;
+}
+.jewel.radiobutton input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%238CC63C' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.radiobutton input:checked + span::after, .jewel.radiobutton input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
+ background: linear-gradient(#d2e9b2, #bbdd8b);
+ border: 1px solid #638c29;
+}
+.jewel.radiobutton input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton input[disabled] + span {
+ color: silver;
+}
+.jewel.radiobutton input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.radiobutton span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.slider input {
+ color: #8CC63C;
+}
+.jewel.slider input::-ms-fill-lower {
+ background: linear-gradient(#93c948, #84bc37);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+}
+.jewel.slider input::-ms-fill-upper {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.slider input::-webkit-slider-thumb, .jewel.slider input::-moz-range-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#93c948, #84bc37);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-ms-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#93c948, #84bc37);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input:active::-webkit-slider-thumb, .jewel.slider input:active::-moz-range-thumb {
+ transform: scale(1.4);
+}
+.jewel.slider input:active::-ms-thumb {
+ transform: scale(0.8);
+}
+.jewel.slider input[disabled]::-ms-fill-lower {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-ms-fill-upper {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-webkit-slider-thumb, .jewel.slider input[disabled]::-moz-range-thumb, .jewel.slider input[disabled]::-ms-thumb {
+ background: #f3f3f3;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]:active::-webkit-slider-thumb, .jewel.slider input[disabled]:active::-moz-range-thumb, .jewel.slider input[disabled]:active::-ms-thumb {
+ transform: scale(1);
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track-fill {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+
+.slider-track-container {
+ top: 50%;
+}
+
+.slider-track-fill {
+ background: linear-gradient(#93c948, #84bc37);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+}
+
+.slider-track {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+
+.jewel.snackbar {
+ will-change: transform;
+ transform: translate(0, 100%);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.open {
+ transform: translate(0);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.primary .jewel.snackbar-content {
+ background: linear-gradient(#98cc50, #7eb435);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-bottom: none;
+}
+.jewel.snackbar.primary .jewel.snackbar-message {
+ color: #FFFFFF;
+}
+.jewel.snackbar.primary .jewel.snackbar-action {
+ color: #E2D70B;
+}
+.jewel.snackbar.primary .jewel.snackbar-action:hover {
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+
+.jewel.snackbar-content {
+ background: #2C3E50;
+ border-radius: 0.25rem 0.25rem 0px 0px;
+}
+
+.jewel.snackbar-message {
+ color: #FFFFFF;
+}
+
+.jewel.snackbar-action {
+ color: #FFD740;
+}
+.jewel.snackbar-action:hover {
+ background-color: #3C4E60;
+}
+
+@media (max-width: 992px) {
+ .jewel.snackbar-content {
+ border-radius: 0px;
+ }
+}
+.jewel.tabbarbutton {
+ font-size: 1em;
+ font-weight: 500;
+ border: none;
+ background: transparent;
+ outline: none;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.jewel.tabbarbutton .indicator > .indicatorContent {
+ height: 2px;
+ background-color: #8CC63C;
+}
+.jewel.tabbarbutton.hovered {
+ background: rgba(140, 198, 60, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #638c29;
+ background: rgba(140, 198, 60, 0.4);
+}
+
+.jewel.simpletable {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.simpletable .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.table {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.table .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.tableitem.hovered {
+ color: #FFFFFF;
+ background: #8CC63C;
+}
+.jewel.tableitem.selected, .jewel.tableitem.selectable:active {
+ color: #FFFFFF;
+ background: #7eb435;
+}
+
+a:link {
+ color: #8CC63C;
+}
+
+a:active {
+ color: #638c29;
+}
+
+.jewel.textinput {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textinput input {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textinput input:focus {
+ border: 1px solid #638c29;
+}
+.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textinput input[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.textinput input[disabled] + i {
+ color: silver;
+}
+.jewel.textinput.errorBorder input {
+ border: 1px #EC1C24 solid;
+}
+
+.jewel.textarea {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textarea textarea {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textarea textarea:focus {
+ border: 1px solid #638c29;
+}
+.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textarea textarea[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.togglebutton.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.togglebutton.primary {
+ background: linear-gradient(#98cc50, #7eb435);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#8CC63C, #71a02f);
+ border: 1px solid #557923;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
+.jewel.tooltip {
+ color: #FFFFFF;
+ background: #404040;
+ box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
+ animation: slide-up 0.4s ease;
+}
+.jewel.tooltip.error {
+ background: #EC1C24;
+}
+.jewel.tooltip::before {
+ border: solid 8px transparent;
+}
+.jewel.tooltip.left-top::before {
+ left: 8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.middle-top::before {
+ margin-bottom: -8px;
+ margin-left: -8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.left-middle::before {
+ margin-top: -8px;
+ margin-right: -8px;
+ border-left-color: #EC1C24;
+}
+.jewel.tooltip.right-middle::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-right-color: #EC1C24;
+}
+.jewel.tooltip.middle-bottom::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-bottom-color: #EC1C24;
+}
+@keyframes slide-up {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.jewel.topappbar .topBarAppHeader {
+ background: linear-gradient(#98cc50, #7eb435);
+ border-top: 1px solid #afd777;
+ border-bottom: 1px solid #557923;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.topappbar .topBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.topappbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.topappbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.bartitle {
+ font-size: 1.4em !important;
+ font-weight: 800;
+ padding-left: 20px;
+ padding-right: 0;
+}
+
+.jewel.label.wizardTitle {
+ color: #8CC63C;
+ font-size: 2em !important;
+}
+.jewel.next, .jewel.previous {
+ min-width: 44px;
+}
+.jewel.next:hover, .jewel.previous:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+}
+.jewel.next .jewel.button, .jewel.previous .jewel.button {
+ width: calc(100% - 10px);
+}
+
+j|Wizard {
+ gap: 3;
+ itemsVerticalAlign: itemsCentered;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
new file mode 100644
index 0000000..aae381d
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
@@ -0,0 +1,1273 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+ padding: 0px;
+ margin: 0px;
+}
+
+input, select, textarea, button {
+ font-family: inherit;
+}
+
+j|Form {
+ gap: 3;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.5em;
+}
+
+h4 {
+ font-size: 1.25em;
+}
+
+h5 {
+ font-size: 1em;
+}
+
+span {
+ font-size: 1em;
+}
+
+div {
+ font-size: 14px;
+}
+
+hr {
+ background-color: #d9d9d9;
+}
+
+.jewel.xsmall {
+ font-size: 0.6em;
+}
+
+.jewel.small {
+ font-size: 0.8em;
+}
+
+.jewel {
+ font-size: 1em;
+}
+
+.jewel.large {
+ font-size: 1.2em;
+}
+
+.jewel.xlarge {
+ font-size: 1.4em;
+}
+
+.jewel.imagebutton {
+ outline: 0;
+}
+
+.jewel.alert {
+ transform: translate(-50%, -60%);
+ margin: 0;
+ padding: 0;
+ min-width: 320px;
+ min-height: 240px;
+ border: 0px solid;
+ background-color: white;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ border-radius: 3px;
+ opacity: 0;
+ will-change: opacity, transform;
+}
+.jewel.alert.open {
+ opacity: 1;
+ transform: translate(-50%, -50%);
+ transition: opacity 0.4s 0ms, transform 0.4s 0ms;
+}
+.jewel.alert.open + .backdrop {
+ opacity: 1;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #3AB549;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.45em !important;
+ font-weight: bold;
+ font-color: #3AB549;
+}
+.jewel.alert .content {
+ padding: 20px;
+ top: 50px;
+ bottom: 84px;
+}
+.jewel.alert .content .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: 400;
+}
+.jewel.alert .jewel.controlbar {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border-top: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0px 0px 3px 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 84px;
+}
+.jewel.alert + .backdrop {
+ opacity: 0;
+ will-change: opacity;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.jewel.badge {
+ border-radius: 500em;
+ background: #d9d9d9;
+ color: #808080;
+ font-size: 0.85em !important;
+ line-height: 1em;
+}
+.jewel.badge.primary {
+ background: #3AB549;
+ color: #FFFFFF;
+}
+
+.jewel.button {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.button:active, .jewel.button:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.button[disabled] {
+ font-weight: 400;
+}
+.jewel.button.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.button.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.button.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.button.primary {
+ background: linear-gradient(#45c354, #34a241);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ background: linear-gradient(#3AB549, #2e8e39);
+ border: 1px solid #21682a;
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ border: 1px solid #277b32;
+ box-shadow: inset 0px 0px 0px 1px rgba(243, 251, 244, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+
+.jewel.card {
+ font-size: 1em;
+ font-weight: 400;
+ background: #ebebeb;
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+j|Card {
+ gap: 3;
+}
+
+.jewel.checkbox input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.checkbox input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%233AB549' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.checkbox input:checked + span::after, .jewel.checkbox input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
+ background: linear-gradient(#a6e2ad, #7fd68a);
+ border: 1px solid #277b32;
+}
+.jewel.checkbox input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.checkbox input[disabled] + span {
+ color: silver;
+}
+.jewel.checkbox input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23cccccc' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.checkbox span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.combobox .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.combobox .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.combobox .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233AB549' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+.jewel.combobox .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.combobox .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+.jewel.datagrid {
+ width: 220px;
+ height: 240px;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
+ border-bottom-left-radius: 0;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.last {
+ border-bottom-right-radius: 0;
+}
+.jewel.datagrid .listarea {
+ border-top-width: 0px;
+ border-left-width: 0px;
+ border-right-width: 0px;
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-style: solid;
+ border-color: #b3b3b3;
+}
+.jewel.datagrid .jewel.list.column {
+ border-radius: 0px;
+ border-bottom-width: 0px;
+ box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+}
+.jewel.datagrid .jewel.list.column.first {
+ border-bottom-left-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column.last {
+ border-bottom-right-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+ border-bottom: 1px solid #ededed;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
+ background: #60cc6d;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
+ background: #4dc65c;
+}
+
+.jewel.datechooser .jewel.table {
+ background: white;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.25rem;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.button {
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell {
+ background: white;
+ box-shadow: none;
+ border-left: 0px;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
+ border-radius: 50%;
+ color: transparent;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:hover {
+ background: #f3f3f3;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:active {
+ background: #e6e6e6;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-size: 54%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233AB549' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-position: right 0 center;
+ background-repeat: no-repeat;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tablecell {
+ border-top: 0px;
+ border-left: 0px;
+ padding: 4px;
+}
+.jewel.datechooser[disabled] {
+ pointer-events: none;
+}
+.jewel.datechooser[disabled] .jewel.table {
+ color: silver;
+ text-shadow: unset;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.button {
+ color: silver;
+ text-shadow: unset;
+ font-weight: normal;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell {
+ background: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.tableitem.selected, .jewel.datechooser[disabled] .jewel.tableitem.selectable:active {
+ background: #cccccc;
+}
+
+.calendar.item {
+ font-size: 1em;
+}
+.calendar.item.dayName {
+ font-weight: 600;
+}
+.calendar.item.date {
+ color: grey;
+}
+
+.jewel.datefield .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.datefield .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.datefield .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+.jewel.datefield .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.datefield .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+
+.jewel.divider {
+ border-bottom-color: #d9d9d9;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+.jewel.drawer.float {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer.float::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer.float .drawermain {
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: white;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.float.open .drawermain {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: auto;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
+
+.jewel.drawerheader {
+ background: linear-gradient(#45c354, #34a241);
+ border-bottom: 1px solid #21682a;
+ color: #FFFFFF;
+ padding: 16px;
+}
+.jewel.drawerheader div {
+ padding: 16px;
+}
+
+.jewel.dropdownlist {
+ background-color: white;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233AB549' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-size: 1.08em;
+ background-position: right 0.7em center;
+ background-repeat: no-repeat;
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+}
+.jewel.dropdownlist[disabled] {
+ background-color: #f3f3f3;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.dropdownlist[disabled]::placeholder, .jewel.dropdownlist[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.dropdownlist[disabled] + i {
+ color: silver;
+}
+.jewel.dropdownlist:focus {
+ border: 1px solid #277b32;
+}
+
+.jewel.footerbar .footerBarAppHeader {
+ background: linear-gradient(#404040, #262626);
+ border-top: 1px solid #595959;
+ border-bottom: 1px solid black;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.footerbar .footerBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.footerbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.footerbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.footerbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+.jewel.formheading {
+ color: #2e8e39;
+ font-size: 1.4em !important;
+}
+.jewel.formheading .jewel.label.spacerLabel {
+ width: 115px;
+}
+.jewel.formheading .jewel.label.requiredSpacerLabel {
+ width: 10px;
+}
+
+j|FormHeading {
+ gap: 2;
+}
+
+.jewel.formitem .jewel.label.formlabel {
+ width: 115px;
+}
+.jewel.formitem .jewel.label.required {
+ color: #EC1C24;
+ font-size: 1.6em !important;
+ width: 10px;
+}
+
+j|FormItem {
+ gap: 2;
+ itemsVerticalAlign: itemsCentered;
+}
+
+.fonticon.dark {
+ color: #676767;
+}
+.fonticon.dark.inactive {
+ color: rgba(128, 128, 128, 0.3);
+}
+.fonticon.light {
+ color: white;
+}
+.fonticon.light.inactive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.jewel.item {
+ padding: 8px;
+}
+.jewel.item.hovered {
+ color: #FFFFFF;
+}
+.jewel.item.selected, .jewel.item.selectable:active {
+ color: #FFFFFF;
+}
+.jewel.item.primary.hovered {
+ background: #3AB549;
+}
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+ background: #34a241;
+}
+
+.jewel.label {
+ font-size: 1em;
+}
+
+.jewel.list {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.list[disabled] {
+ pointer-events: none;
+ color: silver;
+ color-text-shadow: unset;
+ font-weight: normal;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.list[disabled] .jewel.item.selected, .jewel.list[disabled] .jewel.item.selectable:active {
+ background: #cccccc !important;
+}
+
+.jewel.navigation {
+ background-color: #ffffff;
+}
+.jewel.navigation .layout.vertical {
+ align-items: stretch;
+}
+
+.jewel.navigationlink {
+ margin: 0;
+ padding: 0 16px;
+ font-size: 1em;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+}
+.jewel.navigationlink.hovered {
+ background: #f3f3f3 !important;
+}
+.jewel.navigationlink .hint.fonticon {
+ margin-left: auto;
+}
+
+.navigation-section-group {
+ transition: height 0.5s;
+ overflow: hidden !important;
+}
+.navigation-section-group .navigationlink {
+ padding-left: 34px;
+}
+
+.jewel.numericstepper .jewel.textinput input {
+ width: 8em;
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+
+@media (max-width: 992px) {
+ .jewel.numericstepper .jewel.textinput input {
+ border-radius: 0;
+ }
+}
+.jewel.spinner {
+ width: 34px;
+}
+.jewel.spinner .jewel.button {
+ padding: 0px;
+ height: 19px;
+ color: transparent;
+ border-radius: 0 0.25rem 0.25rem 0;
+ border-left: 0px;
+}
+.jewel.spinner .jewel.button.up {
+ border-bottom-right-radius: 0px;
+}
+.jewel.spinner .jewel.button.up::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.spinner .jewel.button.down {
+ border-top-right-radius: 0px;
+ border-top-style: groove;
+}
+.jewel.spinner .jewel.button.down::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+@media (max-width: 992px) {
+ .jewel.spinner .jewel.button.up {
+ border: 1px solid #b3b3b3;
+ border-radius: 0 0.25rem 0.25rem 0;
+ }
+ .jewel.spinner .jewel.button.down {
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem 0 0 0.25rem;
+ border-top-style: solid;
+ }
+}
+.popup-content::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+ background: white;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+ .popup-content .jewel.popupcontent {
+ box-shadow: none !important;
+ }
+}
+.jewel.radiobutton input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 50%;
+}
+.jewel.radiobutton input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%233AB549' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.radiobutton input:checked + span::after, .jewel.radiobutton input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
+ background: linear-gradient(#a6e2ad, #7fd68a);
+ border: 1px solid #277b32;
+}
+.jewel.radiobutton input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton input[disabled] + span {
+ color: silver;
+}
+.jewel.radiobutton input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.radiobutton span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.slider input {
+ color: #3AB549;
+}
+.jewel.slider input::-ms-fill-lower {
+ background: linear-gradient(#3ec14e, #36a944);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 3px;
+}
+.jewel.slider input::-ms-fill-upper {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.slider input::-webkit-slider-thumb, .jewel.slider input::-moz-range-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#3ec14e, #36a944);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-ms-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#3ec14e, #36a944);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input:active::-webkit-slider-thumb, .jewel.slider input:active::-moz-range-thumb {
+ transform: scale(1.4);
+}
+.jewel.slider input:active::-ms-thumb {
+ transform: scale(0.8);
+}
+.jewel.slider input[disabled]::-ms-fill-lower {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-ms-fill-upper {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-webkit-slider-thumb, .jewel.slider input[disabled]::-moz-range-thumb, .jewel.slider input[disabled]::-ms-thumb {
+ background: #f3f3f3;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]:active::-webkit-slider-thumb, .jewel.slider input[disabled]:active::-moz-range-thumb, .jewel.slider input[disabled]:active::-ms-thumb {
+ transform: scale(1);
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track-fill {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+
+.slider-track-container {
+ top: 50%;
+}
+
+.slider-track-fill {
+ background: linear-gradient(#3ec14e, #36a944);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 3px;
+}
+
+.slider-track {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+
+.jewel.snackbar {
+ will-change: transform;
+ transform: translate(0, 100%);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.open {
+ transform: translate(0);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.primary .jewel.snackbar-content {
+ background: linear-gradient(#45c354, #34a241);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-bottom: none;
+}
+.jewel.snackbar.primary .jewel.snackbar-message {
+ color: #FFFFFF;
+}
+.jewel.snackbar.primary .jewel.snackbar-action {
+ color: #E2D70B;
+}
+.jewel.snackbar.primary .jewel.snackbar-action:hover {
+ background: linear-gradient(#3AB549, #2e8e39);
+}
+
+.jewel.snackbar-content {
+ background: #2C3E50;
+ border-radius: 0.25rem 0.25rem 0px 0px;
+}
+
+.jewel.snackbar-message {
+ color: #FFFFFF;
+}
+
+.jewel.snackbar-action {
+ color: #FFD740;
+}
+.jewel.snackbar-action:hover {
+ background-color: #3C4E60;
+}
+
+@media (max-width: 992px) {
+ .jewel.snackbar-content {
+ border-radius: 0px;
+ }
+}
+.jewel.tabbarbutton {
+ font-size: 1em;
+ font-weight: 500;
+ border: none;
+ background: transparent;
+ outline: none;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.jewel.tabbarbutton .indicator > .indicatorContent {
+ height: 2px;
+ background-color: #3AB549;
+}
+.jewel.tabbarbutton.hovered {
+ background: rgba(58, 181, 73, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #277b32;
+ background: rgba(58, 181, 73, 0.4);
+}
+
+.jewel.simpletable {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.simpletable .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.table {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.table .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.tableitem.hovered {
+ color: #FFFFFF;
+ background: #3AB549;
+}
+.jewel.tableitem.selected, .jewel.tableitem.selectable:active {
+ color: #FFFFFF;
+ background: #34a241;
+}
+
+a:link {
+ color: #3AB549;
+}
+
+a:active {
+ color: #277b32;
+}
+
+.jewel.textinput {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textinput input {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textinput input:focus {
+ border: 1px solid #277b32;
+}
+.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textinput input[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.textinput input[disabled] + i {
+ color: silver;
+}
+.jewel.textinput.errorBorder input {
+ border: 1px #EC1C24 solid;
+}
+
+.jewel.textarea {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textarea textarea {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textarea textarea:focus {
+ border: 1px solid #277b32;
+}
+.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textarea textarea[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.togglebutton.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.togglebutton.primary {
+ background: linear-gradient(#45c354, #34a241);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#3AB549, #2e8e39);
+ border: 1px solid #21682a;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #277b32;
+ box-shadow: inset 0px 0px 0px 1px rgba(243, 251, 244, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
+.jewel.tooltip {
+ color: #FFFFFF;
+ background: #404040;
+ box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
+ animation: slide-up 0.4s ease;
+}
+.jewel.tooltip.error {
+ background: #EC1C24;
+}
+.jewel.tooltip::before {
+ border: solid 8px transparent;
+}
+.jewel.tooltip.left-top::before {
+ left: 8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.middle-top::before {
+ margin-bottom: -8px;
+ margin-left: -8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.left-middle::before {
+ margin-top: -8px;
+ margin-right: -8px;
+ border-left-color: #EC1C24;
+}
+.jewel.tooltip.right-middle::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-right-color: #EC1C24;
+}
+.jewel.tooltip.middle-bottom::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-bottom-color: #EC1C24;
+}
+@keyframes slide-up {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.jewel.topappbar .topBarAppHeader {
+ background: linear-gradient(#45c354, #34a241);
+ border-top: 1px solid #6cd078;
+ border-bottom: 1px solid #21682a;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.topappbar .topBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.topappbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.topappbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.bartitle {
+ font-size: 1.4em !important;
+ font-weight: 800;
+ padding-left: 20px;
+ padding-right: 0;
+}
+
+.jewel.label.wizardTitle {
+ color: #3AB549;
+ font-size: 2em !important;
+}
+.jewel.next, .jewel.previous {
+ min-width: 44px;
+}
+.jewel.next:hover, .jewel.previous:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+}
+.jewel.next .jewel.button, .jewel.previous .jewel.button {
+ width: calc(100% - 10px);
+}
+
+j|Wizard {
+ gap: 3;
+ itemsVerticalAlign: itemsCentered;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
new file mode 100644
index 0000000..bcc094c
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
@@ -0,0 +1,1273 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+ padding: 0px;
+ margin: 0px;
+}
+
+input, select, textarea, button {
+ font-family: inherit;
+}
+
+j|Form {
+ gap: 3;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.5em;
+}
+
+h4 {
+ font-size: 1.25em;
+}
+
+h5 {
+ font-size: 1em;
+}
+
+span {
+ font-size: 1em;
+}
+
+div {
+ font-size: 14px;
+}
+
+hr {
+ background-color: #d9d9d9;
+}
+
+.jewel.xsmall {
+ font-size: 0.6em;
+}
+
+.jewel.small {
+ font-size: 0.8em;
+}
+
+.jewel {
+ font-size: 1em;
+}
+
+.jewel.large {
+ font-size: 1.2em;
+}
+
+.jewel.xlarge {
+ font-size: 1.4em;
+}
+
+.jewel.imagebutton {
+ outline: 0;
+}
+
+.jewel.alert {
+ transform: translate(-50%, -60%);
+ margin: 0;
+ padding: 0;
+ min-width: 320px;
+ min-height: 240px;
+ border: 0px solid;
+ background-color: white;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ border-radius: 3px;
+ opacity: 0;
+ will-change: opacity, transform;
+}
+.jewel.alert.open {
+ opacity: 1;
+ transform: translate(-50%, -50%);
+ transition: opacity 0.4s 0ms, transform 0.4s 0ms;
+}
+.jewel.alert.open + .backdrop {
+ opacity: 1;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #F7941D;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.45em !important;
+ font-weight: bold;
+ font-color: #F7941D;
+}
+.jewel.alert .content {
+ padding: 20px;
+ top: 50px;
+ bottom: 84px;
+}
+.jewel.alert .content .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: 400;
+}
+.jewel.alert .jewel.controlbar {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border-top: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0px 0px 3px 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 84px;
+}
+.jewel.alert + .backdrop {
+ opacity: 0;
+ will-change: opacity;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.jewel.badge {
+ border-radius: 500em;
+ background: #d9d9d9;
+ color: #808080;
+ font-size: 0.85em !important;
+ line-height: 1em;
+}
+.jewel.badge.primary {
+ background: #F7941D;
+ color: #FFFFFF;
+}
+
+.jewel.button {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.button:active, .jewel.button:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.button[disabled] {
+ font-weight: 400;
+}
+.jewel.button.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.button.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.button.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.button.primary {
+ background: linear-gradient(#f8a036, #f28809);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ background: linear-gradient(#F7941D, #d97a08);
+ border: 1px solid #a85e06;
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ border: 1px solid #c16c07;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+
+.jewel.card {
+ font-size: 1em;
+ font-weight: 400;
+ background: #ebebeb;
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+j|Card {
+ gap: 3;
+}
+
+.jewel.checkbox input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.checkbox input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23F7941D' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.checkbox input:checked + span::after, .jewel.checkbox input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
+ background: linear-gradient(#fcdab1, #fac380);
+ border: 1px solid #c16c07;
+}
+.jewel.checkbox input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.checkbox input[disabled] + span {
+ color: silver;
+}
+.jewel.checkbox input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23cccccc' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.checkbox span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.combobox .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.combobox .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.combobox .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F7941D' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+.jewel.combobox .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.combobox .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+.jewel.datagrid {
+ width: 220px;
+ height: 240px;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
+ border-bottom-left-radius: 0;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.last {
+ border-bottom-right-radius: 0;
+}
+.jewel.datagrid .listarea {
+ border-top-width: 0px;
+ border-left-width: 0px;
+ border-right-width: 0px;
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-style: solid;
+ border-color: #b3b3b3;
+}
+.jewel.datagrid .jewel.list.column {
+ border-radius: 0px;
+ border-bottom-width: 0px;
+ box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+}
+.jewel.datagrid .jewel.list.column.first {
+ border-bottom-left-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column.last {
+ border-bottom-right-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+ border-bottom: 1px solid #ededed;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
+ background: #f9b058;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
+ background: #f8a43f;
+}
+
+.jewel.datechooser .jewel.table {
+ background: white;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.25rem;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.button {
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell {
+ background: white;
+ box-shadow: none;
+ border-left: 0px;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
+ border-radius: 50%;
+ color: transparent;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:hover {
+ background: #f3f3f3;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:active {
+ background: #e6e6e6;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-size: 54%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F7941D' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-position: right 0 center;
+ background-repeat: no-repeat;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tablecell {
+ border-top: 0px;
+ border-left: 0px;
+ padding: 4px;
+}
+.jewel.datechooser[disabled] {
+ pointer-events: none;
+}
+.jewel.datechooser[disabled] .jewel.table {
+ color: silver;
+ text-shadow: unset;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.button {
+ color: silver;
+ text-shadow: unset;
+ font-weight: normal;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell {
+ background: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.tableitem.selected, .jewel.datechooser[disabled] .jewel.tableitem.selectable:active {
+ background: #cccccc;
+}
+
+.calendar.item {
+ font-size: 1em;
+}
+.calendar.item.dayName {
+ font-weight: 600;
+}
+.calendar.item.date {
+ color: grey;
+}
+
+.jewel.datefield .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.datefield .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.datefield .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+.jewel.datefield .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.datefield .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+
+.jewel.divider {
+ border-bottom-color: #d9d9d9;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+.jewel.drawer.float {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer.float::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer.float .drawermain {
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: white;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.float.open .drawermain {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: auto;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
+
+.jewel.drawerheader {
+ background: linear-gradient(#f8a036, #f28809);
+ border-bottom: 1px solid #a85e06;
+ color: #FFFFFF;
+ padding: 16px;
+}
+.jewel.drawerheader div {
+ padding: 16px;
+}
+
+.jewel.dropdownlist {
+ background-color: white;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F7941D' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-size: 1.08em;
+ background-position: right 0.7em center;
+ background-repeat: no-repeat;
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+}
+.jewel.dropdownlist[disabled] {
+ background-color: #f3f3f3;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.dropdownlist[disabled]::placeholder, .jewel.dropdownlist[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.dropdownlist[disabled] + i {
+ color: silver;
+}
+.jewel.dropdownlist:focus {
+ border: 1px solid #c16c07;
+}
+
+.jewel.footerbar .footerBarAppHeader {
+ background: linear-gradient(#404040, #262626);
+ border-top: 1px solid #595959;
+ border-bottom: 1px solid black;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.footerbar .footerBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.footerbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.footerbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.footerbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+.jewel.formheading {
+ color: #d97a08;
+ font-size: 1.4em !important;
+}
+.jewel.formheading .jewel.label.spacerLabel {
+ width: 115px;
+}
+.jewel.formheading .jewel.label.requiredSpacerLabel {
+ width: 10px;
+}
+
+j|FormHeading {
+ gap: 2;
+}
+
+.jewel.formitem .jewel.label.formlabel {
+ width: 115px;
+}
+.jewel.formitem .jewel.label.required {
+ color: #EC1C24;
+ font-size: 1.6em !important;
+ width: 10px;
+}
+
+j|FormItem {
+ gap: 2;
+ itemsVerticalAlign: itemsCentered;
+}
+
+.fonticon.dark {
+ color: #676767;
+}
+.fonticon.dark.inactive {
+ color: rgba(128, 128, 128, 0.3);
+}
+.fonticon.light {
+ color: white;
+}
+.fonticon.light.inactive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.jewel.item {
+ padding: 8px;
+}
+.jewel.item.hovered {
+ color: #FFFFFF;
+}
+.jewel.item.selected, .jewel.item.selectable:active {
+ color: #FFFFFF;
+}
+.jewel.item.primary.hovered {
+ background: #F7941D;
+}
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+ background: #f28809;
+}
+
+.jewel.label {
+ font-size: 1em;
+}
+
+.jewel.list {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.list[disabled] {
+ pointer-events: none;
+ color: silver;
+ color-text-shadow: unset;
+ font-weight: normal;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.list[disabled] .jewel.item.selected, .jewel.list[disabled] .jewel.item.selectable:active {
+ background: #cccccc !important;
+}
+
+.jewel.navigation {
+ background-color: #ffffff;
+}
+.jewel.navigation .layout.vertical {
+ align-items: stretch;
+}
+
+.jewel.navigationlink {
+ margin: 0;
+ padding: 0 16px;
+ font-size: 1em;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+}
+.jewel.navigationlink.hovered {
+ background: #f3f3f3 !important;
+}
+.jewel.navigationlink .hint.fonticon {
+ margin-left: auto;
+}
+
+.navigation-section-group {
+ transition: height 0.5s;
+ overflow: hidden !important;
+}
+.navigation-section-group .navigationlink {
+ padding-left: 34px;
+}
+
+.jewel.numericstepper .jewel.textinput input {
+ width: 8em;
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+
+@media (max-width: 992px) {
+ .jewel.numericstepper .jewel.textinput input {
+ border-radius: 0;
+ }
+}
+.jewel.spinner {
+ width: 34px;
+}
+.jewel.spinner .jewel.button {
+ padding: 0px;
+ height: 19px;
+ color: transparent;
+ border-radius: 0 0.25rem 0.25rem 0;
+ border-left: 0px;
+}
+.jewel.spinner .jewel.button.up {
+ border-bottom-right-radius: 0px;
+}
+.jewel.spinner .jewel.button.up::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.spinner .jewel.button.down {
+ border-top-right-radius: 0px;
+ border-top-style: groove;
+}
+.jewel.spinner .jewel.button.down::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+@media (max-width: 992px) {
+ .jewel.spinner .jewel.button.up {
+ border: 1px solid #b3b3b3;
+ border-radius: 0 0.25rem 0.25rem 0;
+ }
+ .jewel.spinner .jewel.button.down {
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem 0 0 0.25rem;
+ border-top-style: solid;
+ }
+}
+.popup-content::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+ background: white;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+ .popup-content .jewel.popupcontent {
+ box-shadow: none !important;
+ }
+}
+.jewel.radiobutton input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 50%;
+}
+.jewel.radiobutton input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23F7941D' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.radiobutton input:checked + span::after, .jewel.radiobutton input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
+ background: linear-gradient(#fcdab1, #fac380);
+ border: 1px solid #c16c07;
+}
+.jewel.radiobutton input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton input[disabled] + span {
+ color: silver;
+}
+.jewel.radiobutton input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.radiobutton span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.slider input {
+ color: #F7941D;
+}
+.jewel.slider input::-ms-fill-lower {
+ background: linear-gradient(#f89b2c, #f68d0e);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 3px;
+}
+.jewel.slider input::-ms-fill-upper {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.slider input::-webkit-slider-thumb, .jewel.slider input::-moz-range-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f89b2c, #f68d0e);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-ms-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f89b2c, #f68d0e);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input:active::-webkit-slider-thumb, .jewel.slider input:active::-moz-range-thumb {
+ transform: scale(1.4);
+}
+.jewel.slider input:active::-ms-thumb {
+ transform: scale(0.8);
+}
+.jewel.slider input[disabled]::-ms-fill-lower {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-ms-fill-upper {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-webkit-slider-thumb, .jewel.slider input[disabled]::-moz-range-thumb, .jewel.slider input[disabled]::-ms-thumb {
+ background: #f3f3f3;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]:active::-webkit-slider-thumb, .jewel.slider input[disabled]:active::-moz-range-thumb, .jewel.slider input[disabled]:active::-ms-thumb {
+ transform: scale(1);
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track-fill {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+
+.slider-track-container {
+ top: 50%;
+}
+
+.slider-track-fill {
+ background: linear-gradient(#f89b2c, #f68d0e);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 3px;
+}
+
+.slider-track {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+
+.jewel.snackbar {
+ will-change: transform;
+ transform: translate(0, 100%);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.open {
+ transform: translate(0);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.primary .jewel.snackbar-content {
+ background: linear-gradient(#f8a036, #f28809);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-bottom: none;
+}
+.jewel.snackbar.primary .jewel.snackbar-message {
+ color: #FFFFFF;
+}
+.jewel.snackbar.primary .jewel.snackbar-action {
+ color: #E2D70B;
+}
+.jewel.snackbar.primary .jewel.snackbar-action:hover {
+ background: linear-gradient(#F7941D, #d97a08);
+}
+
+.jewel.snackbar-content {
+ background: #2C3E50;
+ border-radius: 0.25rem 0.25rem 0px 0px;
+}
+
+.jewel.snackbar-message {
+ color: #FFFFFF;
+}
+
+.jewel.snackbar-action {
+ color: #FFD740;
+}
+.jewel.snackbar-action:hover {
+ background-color: #3C4E60;
+}
+
+@media (max-width: 992px) {
+ .jewel.snackbar-content {
+ border-radius: 0px;
+ }
+}
+.jewel.tabbarbutton {
+ font-size: 1em;
+ font-weight: 500;
+ border: none;
+ background: transparent;
+ outline: none;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.jewel.tabbarbutton .indicator > .indicatorContent {
+ height: 2px;
+ background-color: #F7941D;
+}
+.jewel.tabbarbutton.hovered {
+ background: rgba(247, 148, 29, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #c16c07;
+ background: rgba(247, 148, 29, 0.4);
+}
+
+.jewel.simpletable {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.simpletable .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.table {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.table .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.tableitem.hovered {
+ color: #FFFFFF;
+ background: #F7941D;
+}
+.jewel.tableitem.selected, .jewel.tableitem.selectable:active {
+ color: #FFFFFF;
+ background: #f28809;
+}
+
+a:link {
+ color: #F7941D;
+}
+
+a:active {
+ color: #c16c07;
+}
+
+.jewel.textinput {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textinput input {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textinput input:focus {
+ border: 1px solid #c16c07;
+}
+.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textinput input[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.textinput input[disabled] + i {
+ color: silver;
+}
+.jewel.textinput.errorBorder input {
+ border: 1px #EC1C24 solid;
+}
+
+.jewel.textarea {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textarea textarea {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textarea textarea:focus {
+ border: 1px solid #c16c07;
+}
+.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textarea textarea[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.togglebutton.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f8a036, #f28809);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#F7941D, #d97a08);
+ border: 1px solid #a85e06;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #c16c07;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
+.jewel.tooltip {
+ color: #FFFFFF;
+ background: #404040;
+ box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
+ animation: slide-up 0.4s ease;
+}
+.jewel.tooltip.error {
+ background: #EC1C24;
+}
+.jewel.tooltip::before {
+ border: solid 8px transparent;
+}
+.jewel.tooltip.left-top::before {
+ left: 8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.middle-top::before {
+ margin-bottom: -8px;
+ margin-left: -8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.left-middle::before {
+ margin-top: -8px;
+ margin-right: -8px;
+ border-left-color: #EC1C24;
+}
+.jewel.tooltip.right-middle::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-right-color: #EC1C24;
+}
+.jewel.tooltip.middle-bottom::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-bottom-color: #EC1C24;
+}
+@keyframes slide-up {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.jewel.topappbar .topBarAppHeader {
+ background: linear-gradient(#f8a036, #f28809);
+ border-top: 1px solid #fab767;
+ border-bottom: 1px solid #a85e06;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.topappbar .topBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.topappbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.topappbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.bartitle {
+ font-size: 1.4em !important;
+ font-weight: 800;
+ padding-left: 20px;
+ padding-right: 0;
+}
+
+.jewel.label.wizardTitle {
+ color: #F7941D;
+ font-size: 2em !important;
+}
+.jewel.next, .jewel.previous {
+ min-width: 44px;
+}
+.jewel.next:hover, .jewel.previous:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+}
+.jewel.next .jewel.button, .jewel.previous .jewel.button {
+ width: calc(100% - 10px);
+}
+
+j|Wizard {
+ gap: 3;
+ itemsVerticalAlign: itemsCentered;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
new file mode 100644
index 0000000..c276497
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
@@ -0,0 +1,1273 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+ padding: 0px;
+ margin: 0px;
+}
+
+input, select, textarea, button {
+ font-family: inherit;
+}
+
+j|Form {
+ gap: 3;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.5em;
+}
+
+h4 {
+ font-size: 1.25em;
+}
+
+h5 {
+ font-size: 1em;
+}
+
+span {
+ font-size: 1em;
+}
+
+div {
+ font-size: 14px;
+}
+
+hr {
+ background-color: #d9d9d9;
+}
+
+.jewel.xsmall {
+ font-size: 0.6em;
+}
+
+.jewel.small {
+ font-size: 0.8em;
+}
+
+.jewel {
+ font-size: 1em;
+}
+
+.jewel.large {
+ font-size: 1.2em;
+}
+
+.jewel.xlarge {
+ font-size: 1.4em;
+}
+
+.jewel.imagebutton {
+ outline: 0;
+}
+
+.jewel.alert {
+ transform: translate(-50%, -60%);
+ margin: 0;
+ padding: 0;
+ min-width: 320px;
+ min-height: 240px;
+ border: 0px solid;
+ background-color: white;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ border-radius: 3px;
+ opacity: 0;
+ will-change: opacity, transform;
+}
+.jewel.alert.open {
+ opacity: 1;
+ transform: translate(-50%, -50%);
+ transition: opacity 0.4s 0ms, transform 0.4s 0ms;
+}
+.jewel.alert.open + .backdrop {
+ opacity: 1;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #EC1C24;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.45em !important;
+ font-weight: bold;
+ font-color: #EC1C24;
+}
+.jewel.alert .content {
+ padding: 20px;
+ top: 50px;
+ bottom: 84px;
+}
+.jewel.alert .content .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: 400;
+}
+.jewel.alert .jewel.controlbar {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border-top: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0px 0px 3px 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 84px;
+}
+.jewel.alert + .backdrop {
+ opacity: 0;
+ will-change: opacity;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.jewel.badge {
+ border-radius: 500em;
+ background: #d9d9d9;
+ color: #808080;
+ font-size: 0.85em !important;
+ line-height: 1em;
+}
+.jewel.badge.primary {
+ background: #EC1C24;
+ color: #FFFFFF;
+}
+
+.jewel.button {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.button:active, .jewel.button:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.button[disabled] {
+ font-weight: 400;
+}
+.jewel.button.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.button.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.button.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.button.primary {
+ background: linear-gradient(#ee343b, #dc121a);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ background: linear-gradient(#EC1C24, #c51017);
+ border: 1px solid #950d12;
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+
+.jewel.card {
+ font-size: 1em;
+ font-weight: 400;
+ background: #ebebeb;
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+j|Card {
+ gap: 3;
+}
+
+.jewel.checkbox input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.checkbox input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23EC1C24' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.checkbox input:checked + span::after, .jewel.checkbox input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
+ background: linear-gradient(#f8a9ac, #f47a7f);
+ border: 1px solid #ad0e15;
+}
+.jewel.checkbox input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.checkbox input[disabled] + span {
+ color: silver;
+}
+.jewel.checkbox input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23cccccc' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.checkbox span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.combobox .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.combobox .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.combobox .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EC1C24' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+.jewel.combobox .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.combobox .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+.jewel.datagrid {
+ width: 220px;
+ height: 240px;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
+ border-bottom-left-radius: 0;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.last {
+ border-bottom-right-radius: 0;
+}
+.jewel.datagrid .listarea {
+ border-top-width: 0px;
+ border-left-width: 0px;
+ border-right-width: 0px;
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-style: solid;
+ border-color: #b3b3b3;
+}
+.jewel.datagrid .jewel.list.column {
+ border-radius: 0px;
+ border-bottom-width: 0px;
+ box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+}
+.jewel.datagrid .jewel.list.column.first {
+ border-bottom-left-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column.last {
+ border-bottom-right-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+ border-bottom: 1px solid #ededed;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
+ background: #f1545a;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
+ background: #ef3d44;
+}
+
+.jewel.datechooser .jewel.table {
+ background: white;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.25rem;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.button {
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell {
+ background: white;
+ box-shadow: none;
+ border-left: 0px;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
+ border-radius: 50%;
+ color: transparent;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:hover {
+ background: #f3f3f3;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:active {
+ background: #e6e6e6;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-size: 54%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EC1C24' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-position: right 0 center;
+ background-repeat: no-repeat;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tablecell {
+ border-top: 0px;
+ border-left: 0px;
+ padding: 4px;
+}
+.jewel.datechooser[disabled] {
+ pointer-events: none;
+}
+.jewel.datechooser[disabled] .jewel.table {
+ color: silver;
+ text-shadow: unset;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.button {
+ color: silver;
+ text-shadow: unset;
+ font-weight: normal;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell {
+ background: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.tableitem.selected, .jewel.datechooser[disabled] .jewel.tableitem.selectable:active {
+ background: #cccccc;
+}
+
+.calendar.item {
+ font-size: 1em;
+}
+.calendar.item.dayName {
+ font-weight: 600;
+}
+.calendar.item.date {
+ color: grey;
+}
+
+.jewel.datefield .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.datefield .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.datefield .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+.jewel.datefield .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.datefield .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+
+.jewel.divider {
+ border-bottom-color: #d9d9d9;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+.jewel.drawer.float {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer.float::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer.float .drawermain {
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: white;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.float.open .drawermain {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: auto;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
+
+.jewel.drawerheader {
+ background: linear-gradient(#ee343b, #dc121a);
+ border-bottom: 1px solid #950d12;
+ color: #FFFFFF;
+ padding: 16px;
+}
+.jewel.drawerheader div {
+ padding: 16px;
+}
+
+.jewel.dropdownlist {
+ background-color: white;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EC1C24' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-size: 1.08em;
+ background-position: right 0.7em center;
+ background-repeat: no-repeat;
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+}
+.jewel.dropdownlist[disabled] {
+ background-color: #f3f3f3;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.dropdownlist[disabled]::placeholder, .jewel.dropdownlist[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.dropdownlist[disabled] + i {
+ color: silver;
+}
+.jewel.dropdownlist:focus {
+ border: 1px solid #ad0e15;
+}
+
+.jewel.footerbar .footerBarAppHeader {
+ background: linear-gradient(#404040, #262626);
+ border-top: 1px solid #595959;
+ border-bottom: 1px solid black;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.footerbar .footerBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.footerbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.footerbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.footerbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+.jewel.formheading {
+ color: #c51017;
+ font-size: 1.4em !important;
+}
+.jewel.formheading .jewel.label.spacerLabel {
+ width: 115px;
+}
+.jewel.formheading .jewel.label.requiredSpacerLabel {
+ width: 10px;
+}
+
+j|FormHeading {
+ gap: 2;
+}
+
+.jewel.formitem .jewel.label.formlabel {
+ width: 115px;
+}
+.jewel.formitem .jewel.label.required {
+ color: #EC1C24;
+ font-size: 1.6em !important;
+ width: 10px;
+}
+
+j|FormItem {
+ gap: 2;
+ itemsVerticalAlign: itemsCentered;
+}
+
+.fonticon.dark {
+ color: #676767;
+}
+.fonticon.dark.inactive {
+ color: rgba(128, 128, 128, 0.3);
+}
+.fonticon.light {
+ color: white;
+}
+.fonticon.light.inactive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.jewel.item {
+ padding: 8px;
+}
+.jewel.item.hovered {
+ color: #FFFFFF;
+}
+.jewel.item.selected, .jewel.item.selectable:active {
+ color: #FFFFFF;
+}
+.jewel.item.primary.hovered {
+ background: #EC1C24;
+}
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+ background: #dc121a;
+}
+
+.jewel.label {
+ font-size: 1em;
+}
+
+.jewel.list {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.list[disabled] {
+ pointer-events: none;
+ color: silver;
+ color-text-shadow: unset;
+ font-weight: normal;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.list[disabled] .jewel.item.selected, .jewel.list[disabled] .jewel.item.selectable:active {
+ background: #cccccc !important;
+}
+
+.jewel.navigation {
+ background-color: #ffffff;
+}
+.jewel.navigation .layout.vertical {
+ align-items: stretch;
+}
+
+.jewel.navigationlink {
+ margin: 0;
+ padding: 0 16px;
+ font-size: 1em;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+}
+.jewel.navigationlink.hovered {
+ background: #f3f3f3 !important;
+}
+.jewel.navigationlink .hint.fonticon {
+ margin-left: auto;
+}
+
+.navigation-section-group {
+ transition: height 0.5s;
+ overflow: hidden !important;
+}
+.navigation-section-group .navigationlink {
+ padding-left: 34px;
+}
+
+.jewel.numericstepper .jewel.textinput input {
+ width: 8em;
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+
+@media (max-width: 992px) {
+ .jewel.numericstepper .jewel.textinput input {
+ border-radius: 0;
+ }
+}
+.jewel.spinner {
+ width: 34px;
+}
+.jewel.spinner .jewel.button {
+ padding: 0px;
+ height: 19px;
+ color: transparent;
+ border-radius: 0 0.25rem 0.25rem 0;
+ border-left: 0px;
+}
+.jewel.spinner .jewel.button.up {
+ border-bottom-right-radius: 0px;
+}
+.jewel.spinner .jewel.button.up::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.spinner .jewel.button.down {
+ border-top-right-radius: 0px;
+ border-top-style: groove;
+}
+.jewel.spinner .jewel.button.down::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+@media (max-width: 992px) {
+ .jewel.spinner .jewel.button.up {
+ border: 1px solid #b3b3b3;
+ border-radius: 0 0.25rem 0.25rem 0;
+ }
+ .jewel.spinner .jewel.button.down {
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem 0 0 0.25rem;
+ border-top-style: solid;
+ }
+}
+.popup-content::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+ background: white;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+ .popup-content .jewel.popupcontent {
+ box-shadow: none !important;
+ }
+}
+.jewel.radiobutton input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 50%;
+}
+.jewel.radiobutton input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23EC1C24' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.radiobutton input:checked + span::after, .jewel.radiobutton input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
+ background: linear-gradient(#f8a9ac, #f47a7f);
+ border: 1px solid #ad0e15;
+}
+.jewel.radiobutton input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton input[disabled] + span {
+ color: silver;
+}
+.jewel.radiobutton input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.radiobutton span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.slider input {
+ color: #EC1C24;
+}
+.jewel.slider input::-ms-fill-lower {
+ background: linear-gradient(#ed2a32, #e5131b);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 3px;
+}
+.jewel.slider input::-ms-fill-upper {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.slider input::-webkit-slider-thumb, .jewel.slider input::-moz-range-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#ed2a32, #e5131b);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-ms-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#ed2a32, #e5131b);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input:active::-webkit-slider-thumb, .jewel.slider input:active::-moz-range-thumb {
+ transform: scale(1.4);
+}
+.jewel.slider input:active::-ms-thumb {
+ transform: scale(0.8);
+}
+.jewel.slider input[disabled]::-ms-fill-lower {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-ms-fill-upper {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-webkit-slider-thumb, .jewel.slider input[disabled]::-moz-range-thumb, .jewel.slider input[disabled]::-ms-thumb {
+ background: #f3f3f3;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]:active::-webkit-slider-thumb, .jewel.slider input[disabled]:active::-moz-range-thumb, .jewel.slider input[disabled]:active::-ms-thumb {
+ transform: scale(1);
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track-fill {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+
+.slider-track-container {
+ top: 50%;
+}
+
+.slider-track-fill {
+ background: linear-gradient(#ed2a32, #e5131b);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 3px;
+}
+
+.slider-track {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+
+.jewel.snackbar {
+ will-change: transform;
+ transform: translate(0, 100%);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.open {
+ transform: translate(0);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.primary .jewel.snackbar-content {
+ background: linear-gradient(#ee343b, #dc121a);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-bottom: none;
+}
+.jewel.snackbar.primary .jewel.snackbar-message {
+ color: #FFFFFF;
+}
+.jewel.snackbar.primary .jewel.snackbar-action {
+ color: #E2D70B;
+}
+.jewel.snackbar.primary .jewel.snackbar-action:hover {
+ background: linear-gradient(#EC1C24, #c51017);
+}
+
+.jewel.snackbar-content {
+ background: #2C3E50;
+ border-radius: 0.25rem 0.25rem 0px 0px;
+}
+
+.jewel.snackbar-message {
+ color: #FFFFFF;
+}
+
+.jewel.snackbar-action {
+ color: #FFD740;
+}
+.jewel.snackbar-action:hover {
+ background-color: #3C4E60;
+}
+
+@media (max-width: 992px) {
+ .jewel.snackbar-content {
+ border-radius: 0px;
+ }
+}
+.jewel.tabbarbutton {
+ font-size: 1em;
+ font-weight: 500;
+ border: none;
+ background: transparent;
+ outline: none;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.jewel.tabbarbutton .indicator > .indicatorContent {
+ height: 2px;
+ background-color: #EC1C24;
+}
+.jewel.tabbarbutton.hovered {
+ background: rgba(236, 28, 36, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #ad0e15;
+ background: rgba(236, 28, 36, 0.4);
+}
+
+.jewel.simpletable {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.simpletable .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.table {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.table .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.tableitem.hovered {
+ color: #FFFFFF;
+ background: #EC1C24;
+}
+.jewel.tableitem.selected, .jewel.tableitem.selectable:active {
+ color: #FFFFFF;
+ background: #dc121a;
+}
+
+a:link {
+ color: #EC1C24;
+}
+
+a:active {
+ color: #ad0e15;
+}
+
+.jewel.textinput {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textinput input {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textinput input:focus {
+ border: 1px solid #ad0e15;
+}
+.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textinput input[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.textinput input[disabled] + i {
+ color: silver;
+}
+.jewel.textinput.errorBorder input {
+ border: 1px #EC1C24 solid;
+}
+
+.jewel.textarea {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textarea textarea {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textarea textarea:focus {
+ border: 1px solid #ad0e15;
+}
+.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textarea textarea[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.togglebutton.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.togglebutton.primary {
+ background: linear-gradient(#ee343b, #dc121a);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#EC1C24, #c51017);
+ border: 1px solid #950d12;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
+.jewel.tooltip {
+ color: #FFFFFF;
+ background: #404040;
+ box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
+ animation: slide-up 0.4s ease;
+}
+.jewel.tooltip.error {
+ background: #EC1C24;
+}
+.jewel.tooltip::before {
+ border: solid 8px transparent;
+}
+.jewel.tooltip.left-top::before {
+ left: 8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.middle-top::before {
+ margin-bottom: -8px;
+ margin-left: -8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.left-middle::before {
+ margin-top: -8px;
+ margin-right: -8px;
+ border-left-color: #EC1C24;
+}
+.jewel.tooltip.right-middle::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-right-color: #EC1C24;
+}
+.jewel.tooltip.middle-bottom::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-bottom-color: #EC1C24;
+}
+@keyframes slide-up {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.jewel.topappbar .topBarAppHeader {
+ background: linear-gradient(#ee343b, #dc121a);
+ border-top: 1px solid #f26368;
+ border-bottom: 1px solid #950d12;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.topappbar .topBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.topappbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.topappbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.bartitle {
+ font-size: 1.4em !important;
+ font-weight: 800;
+ padding-left: 20px;
+ padding-right: 0;
+}
+
+.jewel.label.wizardTitle {
+ color: #EC1C24;
+ font-size: 2em !important;
+}
+.jewel.next, .jewel.previous {
+ min-width: 44px;
+}
+.jewel.next:hover, .jewel.previous:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+}
+.jewel.next .jewel.button, .jewel.previous .jewel.button {
+ width: calc(100% - 10px);
+}
+
+j|Wizard {
+ gap: 3;
+ itemsVerticalAlign: itemsCentered;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
new file mode 100644
index 0000000..93a489a
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
@@ -0,0 +1,1273 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+ padding: 0px;
+ margin: 0px;
+}
+
+input, select, textarea, button {
+ font-family: inherit;
+}
+
+j|Form {
+ gap: 3;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.5em;
+}
+
+h4 {
+ font-size: 1.25em;
+}
+
+h5 {
+ font-size: 1em;
+}
+
+span {
+ font-size: 1em;
+}
+
+div {
+ font-size: 14px;
+}
+
+hr {
+ background-color: #d9d9d9;
+}
+
+.jewel.xsmall {
+ font-size: 0.6em;
+}
+
+.jewel.small {
+ font-size: 0.8em;
+}
+
+.jewel {
+ font-size: 1em;
+}
+
+.jewel.large {
+ font-size: 1.2em;
+}
+
+.jewel.xlarge {
+ font-size: 1.4em;
+}
+
+.jewel.imagebutton {
+ outline: 0;
+}
+
+.jewel.alert {
+ transform: translate(-50%, -60%);
+ margin: 0;
+ padding: 0;
+ min-width: 320px;
+ min-height: 240px;
+ border: 0px solid;
+ background-color: white;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ border-radius: 3px;
+ opacity: 0;
+ will-change: opacity, transform;
+}
+.jewel.alert.open {
+ opacity: 1;
+ transform: translate(-50%, -50%);
+ transition: opacity 0.4s 0ms, transform 0.4s 0ms;
+}
+.jewel.alert.open + .backdrop {
+ opacity: 1;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #F8B13F;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.45em !important;
+ font-weight: bold;
+ font-color: #F8B13F;
+}
+.jewel.alert .content {
+ padding: 20px;
+ top: 50px;
+ bottom: 84px;
+}
+.jewel.alert .content .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: 400;
+}
+.jewel.alert .jewel.controlbar {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border-top: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0px 0px 3px 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 84px;
+}
+.jewel.alert + .backdrop {
+ opacity: 0;
+ will-change: opacity;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.jewel.badge {
+ border-radius: 500em;
+ background: #d9d9d9;
+ color: #808080;
+ font-size: 0.85em !important;
+ line-height: 1em;
+}
+.jewel.badge.primary {
+ background: #F8B13F;
+ color: #FFFFFF;
+}
+
+.jewel.button {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.button:active, .jewel.button:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.button[disabled] {
+ font-weight: 400;
+}
+.jewel.button.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.button.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.button.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.button.primary {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ background: linear-gradient(#F8B13F, #f69d0e);
+ border: 1px solid #ca7f07;
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ border: 1px solid #e28f08;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+
+.jewel.card {
+ font-size: 1em;
+ font-weight: 400;
+ background: #ebebeb;
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+j|Card {
+ gap: 3;
+}
+
+.jewel.checkbox input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.checkbox input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23F8B13F' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.checkbox input:checked + span::after, .jewel.checkbox input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
+ background: linear-gradient(#fdedd3, #fcd9a1);
+ border: 1px solid #e28f08;
+}
+.jewel.checkbox input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.checkbox input[disabled] + span {
+ color: silver;
+}
+.jewel.checkbox input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23cccccc' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.checkbox span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.combobox .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.combobox .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.combobox .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F8B13F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+.jewel.combobox .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.combobox .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+.jewel.datagrid {
+ width: 220px;
+ height: 240px;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
+ border-bottom-left-radius: 0;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.last {
+ border-bottom-right-radius: 0;
+}
+.jewel.datagrid .listarea {
+ border-top-width: 0px;
+ border-left-width: 0px;
+ border-right-width: 0px;
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-style: solid;
+ border-color: #b3b3b3;
+}
+.jewel.datagrid .jewel.list.column {
+ border-radius: 0px;
+ border-bottom-width: 0px;
+ box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+}
+.jewel.datagrid .jewel.list.column.first {
+ border-bottom-left-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column.last {
+ border-bottom-right-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+ border-bottom: 1px solid #ededed;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
+ background: #fac97a;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
+ background: #f9bf61;
+}
+
+.jewel.datechooser .jewel.table {
+ background: white;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.25rem;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.button {
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell {
+ background: white;
+ box-shadow: none;
+ border-left: 0px;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
+ border-radius: 50%;
+ color: transparent;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:hover {
+ background: #f3f3f3;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:active {
+ background: #e6e6e6;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-size: 54%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F8B13F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-position: right 0 center;
+ background-repeat: no-repeat;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tablecell {
+ border-top: 0px;
+ border-left: 0px;
+ padding: 4px;
+}
+.jewel.datechooser[disabled] {
+ pointer-events: none;
+}
+.jewel.datechooser[disabled] .jewel.table {
+ color: silver;
+ text-shadow: unset;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.button {
+ color: silver;
+ text-shadow: unset;
+ font-weight: normal;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell {
+ background: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.tableitem.selected, .jewel.datechooser[disabled] .jewel.tableitem.selectable:active {
+ background: #cccccc;
+}
+
+.calendar.item {
+ font-size: 1em;
+}
+.calendar.item.dayName {
+ font-weight: 600;
+}
+.calendar.item.date {
+ color: grey;
+}
+
+.jewel.datefield .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.datefield .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.datefield .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+.jewel.datefield .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.datefield .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+
+.jewel.divider {
+ border-bottom-color: #d9d9d9;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+.jewel.drawer.float {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer.float::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer.float .drawermain {
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: white;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.float.open .drawermain {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: auto;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
+
+.jewel.drawerheader {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border-bottom: 1px solid #ca7f07;
+ color: #FFFFFF;
+ padding: 16px;
+}
+.jewel.drawerheader div {
+ padding: 16px;
+}
+
+.jewel.dropdownlist {
+ background-color: white;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F8B13F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-size: 1.08em;
+ background-position: right 0.7em center;
+ background-repeat: no-repeat;
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+}
+.jewel.dropdownlist[disabled] {
+ background-color: #f3f3f3;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.dropdownlist[disabled]::placeholder, .jewel.dropdownlist[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.dropdownlist[disabled] + i {
+ color: silver;
+}
+.jewel.dropdownlist:focus {
+ border: 1px solid #e28f08;
+}
+
+.jewel.footerbar .footerBarAppHeader {
+ background: linear-gradient(#404040, #262626);
+ border-top: 1px solid #595959;
+ border-bottom: 1px solid black;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.footerbar .footerBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.footerbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.footerbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.footerbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+.jewel.formheading {
+ color: #f69d0e;
+ font-size: 1.4em !important;
+}
+.jewel.formheading .jewel.label.spacerLabel {
+ width: 115px;
+}
+.jewel.formheading .jewel.label.requiredSpacerLabel {
+ width: 10px;
+}
+
+j|FormHeading {
+ gap: 2;
+}
+
+.jewel.formitem .jewel.label.formlabel {
+ width: 115px;
+}
+.jewel.formitem .jewel.label.required {
+ color: #EC1C24;
+ font-size: 1.6em !important;
+ width: 10px;
+}
+
+j|FormItem {
+ gap: 2;
+ itemsVerticalAlign: itemsCentered;
+}
+
+.fonticon.dark {
+ color: #676767;
+}
+.fonticon.dark.inactive {
+ color: rgba(128, 128, 128, 0.3);
+}
+.fonticon.light {
+ color: white;
+}
+.fonticon.light.inactive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.jewel.item {
+ padding: 8px;
+}
+.jewel.item.hovered {
+ color: #FFFFFF;
+}
+.jewel.item.selected, .jewel.item.selectable:active {
+ color: #FFFFFF;
+}
+.jewel.item.primary.hovered {
+ background: #F8B13F;
+}
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+ background: #f7a726;
+}
+
+.jewel.label {
+ font-size: 1em;
+}
+
+.jewel.list {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.list[disabled] {
+ pointer-events: none;
+ color: silver;
+ color-text-shadow: unset;
+ font-weight: normal;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.list[disabled] .jewel.item.selected, .jewel.list[disabled] .jewel.item.selectable:active {
+ background: #cccccc !important;
+}
+
+.jewel.navigation {
+ background-color: #ffffff;
+}
+.jewel.navigation .layout.vertical {
+ align-items: stretch;
+}
+
+.jewel.navigationlink {
+ margin: 0;
+ padding: 0 16px;
+ font-size: 1em;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+}
+.jewel.navigationlink.hovered {
+ background: #f3f3f3 !important;
+}
+.jewel.navigationlink .hint.fonticon {
+ margin-left: auto;
+}
+
+.navigation-section-group {
+ transition: height 0.5s;
+ overflow: hidden !important;
+}
+.navigation-section-group .navigationlink {
+ padding-left: 34px;
+}
+
+.jewel.numericstepper .jewel.textinput input {
+ width: 8em;
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+
+@media (max-width: 992px) {
+ .jewel.numericstepper .jewel.textinput input {
+ border-radius: 0;
+ }
+}
+.jewel.spinner {
+ width: 34px;
+}
+.jewel.spinner .jewel.button {
+ padding: 0px;
+ height: 19px;
+ color: transparent;
+ border-radius: 0 0.25rem 0.25rem 0;
+ border-left: 0px;
+}
+.jewel.spinner .jewel.button.up {
+ border-bottom-right-radius: 0px;
+}
+.jewel.spinner .jewel.button.up::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.spinner .jewel.button.down {
+ border-top-right-radius: 0px;
+ border-top-style: groove;
+}
+.jewel.spinner .jewel.button.down::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+@media (max-width: 992px) {
+ .jewel.spinner .jewel.button.up {
+ border: 1px solid #b3b3b3;
+ border-radius: 0 0.25rem 0.25rem 0;
+ }
+ .jewel.spinner .jewel.button.down {
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem 0 0 0.25rem;
+ border-top-style: solid;
+ }
+}
+.popup-content::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+ background: white;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+ .popup-content .jewel.popupcontent {
+ box-shadow: none !important;
+ }
+}
+.jewel.radiobutton input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 50%;
+}
+.jewel.radiobutton input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23F8B13F' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.radiobutton input:checked + span::after, .jewel.radiobutton input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
+ background: linear-gradient(#fdedd3, #fcd9a1);
+ border: 1px solid #e28f08;
+}
+.jewel.radiobutton input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton input[disabled] + span {
+ color: silver;
+}
+.jewel.radiobutton input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.radiobutton span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.slider input {
+ color: #F8B13F;
+}
+.jewel.slider input::-ms-fill-lower {
+ background: linear-gradient(#f9b74e, #f7ab30);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 3px;
+}
+.jewel.slider input::-ms-fill-upper {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.slider input::-webkit-slider-thumb, .jewel.slider input::-moz-range-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f9b74e, #f7ab30);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-ms-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f9b74e, #f7ab30);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input:active::-webkit-slider-thumb, .jewel.slider input:active::-moz-range-thumb {
+ transform: scale(1.4);
+}
+.jewel.slider input:active::-ms-thumb {
+ transform: scale(0.8);
+}
+.jewel.slider input[disabled]::-ms-fill-lower {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-ms-fill-upper {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-webkit-slider-thumb, .jewel.slider input[disabled]::-moz-range-thumb, .jewel.slider input[disabled]::-ms-thumb {
+ background: #f3f3f3;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]:active::-webkit-slider-thumb, .jewel.slider input[disabled]:active::-moz-range-thumb, .jewel.slider input[disabled]:active::-ms-thumb {
+ transform: scale(1);
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track-fill {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+
+.slider-track-container {
+ top: 50%;
+}
+
+.slider-track-fill {
+ background: linear-gradient(#f9b74e, #f7ab30);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 3px;
+}
+
+.slider-track {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+
+.jewel.snackbar {
+ will-change: transform;
+ transform: translate(0, 100%);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.open {
+ transform: translate(0);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.primary .jewel.snackbar-content {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-bottom: none;
+}
+.jewel.snackbar.primary .jewel.snackbar-message {
+ color: #FFFFFF;
+}
+.jewel.snackbar.primary .jewel.snackbar-action {
+ color: #E2D70B;
+}
+.jewel.snackbar.primary .jewel.snackbar-action:hover {
+ background: linear-gradient(#F8B13F, #f69d0e);
+}
+
+.jewel.snackbar-content {
+ background: #2C3E50;
+ border-radius: 0.25rem 0.25rem 0px 0px;
+}
+
+.jewel.snackbar-message {
+ color: #FFFFFF;
+}
+
+.jewel.snackbar-action {
+ color: #FFD740;
+}
+.jewel.snackbar-action:hover {
+ background-color: #3C4E60;
+}
+
+@media (max-width: 992px) {
+ .jewel.snackbar-content {
+ border-radius: 0px;
+ }
+}
+.jewel.tabbarbutton {
+ font-size: 1em;
+ font-weight: 500;
+ border: none;
+ background: transparent;
+ outline: none;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.jewel.tabbarbutton .indicator > .indicatorContent {
+ height: 2px;
+ background-color: #F8B13F;
+}
+.jewel.tabbarbutton.hovered {
+ background: rgba(248, 177, 63, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #e28f08;
+ background: rgba(248, 177, 63, 0.4);
+}
+
+.jewel.simpletable {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.simpletable .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.table {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.table .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.tableitem.hovered {
+ color: #FFFFFF;
+ background: #F8B13F;
+}
+.jewel.tableitem.selected, .jewel.tableitem.selectable:active {
+ color: #FFFFFF;
+ background: #f7a726;
+}
+
+a:link {
+ color: #F8B13F;
+}
+
+a:active {
+ color: #e28f08;
+}
+
+.jewel.textinput {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textinput input {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textinput input:focus {
+ border: 1px solid #e28f08;
+}
+.jewel.textinput input::placeholder, .jewel.textinput input:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textinput input[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textinput input[disabled]::placeholder, .jewel.textinput input[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.textinput input[disabled] + i {
+ color: silver;
+}
+.jewel.textinput.errorBorder input {
+ border: 1px #EC1C24 solid;
+}
+
+.jewel.textarea {
+ font-weight: 400;
+ color: #808080;
+}
+.jewel.textarea textarea {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textarea textarea:focus {
+ border: 1px solid #e28f08;
+}
+.jewel.textarea textarea::placeholder, .jewel.textarea textarea:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+.jewel.textarea textarea[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea textarea[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.togglebutton.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#F8B13F, #f69d0e);
+ border: 1px solid #ca7f07;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #e28f08;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
+.jewel.tooltip {
+ color: #FFFFFF;
+ background: #404040;
+ box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
+ animation: slide-up 0.4s ease;
+}
+.jewel.tooltip.error {
+ background: #EC1C24;
+}
+.jewel.tooltip::before {
+ border: solid 8px transparent;
+}
+.jewel.tooltip.left-top::before {
+ left: 8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.middle-top::before {
+ margin-bottom: -8px;
+ margin-left: -8px;
+ border-top-color: #EC1C24;
+}
+.jewel.tooltip.left-middle::before {
+ margin-top: -8px;
+ margin-right: -8px;
+ border-left-color: #EC1C24;
+}
+.jewel.tooltip.right-middle::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-right-color: #EC1C24;
+}
+.jewel.tooltip.middle-bottom::before {
+ margin-top: -8px;
+ margin-left: -8px;
+ border-bottom-color: #EC1C24;
+}
+@keyframes slide-up {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+.jewel.topappbar .topBarAppHeader {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border-top: 1px solid #fbcf89;
+ border-bottom: 1px solid #ca7f07;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.topappbar .topBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.topappbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.topappbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.topappbar .jewel.bartitle {
+ font-size: 1.4em !important;
+ font-weight: 800;
+ padding-left: 20px;
+ padding-right: 0;
+}
+
+.jewel.label.wizardTitle {
+ color: #F8B13F;
+ font-size: 2em !important;
+}
+.jewel.next, .jewel.previous {
+ min-width: 44px;
+}
+.jewel.next:hover, .jewel.previous:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+}
+.jewel.next .jewel.button, .jewel.previous .jewel.button {
+ width: calc(100% - 10px);
+}
+
+j|Wizard {
+ gap: 3;
+ itemsVerticalAlign: itemsCentered;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
new file mode 100644
index 0000000..87f906a
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
@@ -0,0 +1,1273 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+ padding: 0px;
+ margin: 0px;
+}
+
+input, select, textarea, button {
+ font-family: inherit;
+}
+
+j|Form {
+ gap: 3;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.5em;
+}
+
+h4 {
+ font-size: 1.25em;
+}
+
+h5 {
+ font-size: 1em;
+}
+
+span {
+ font-size: 1em;
+}
+
+div {
+ font-size: 14px;
+}
+
+hr {
+ background-color: #d9d9d9;
+}
+
+.jewel.xsmall {
+ font-size: 0.6em;
+}
+
+.jewel.small {
+ font-size: 0.8em;
+}
+
+.jewel {
+ font-size: 1em;
+}
+
+.jewel.large {
+ font-size: 1.2em;
+}
+
+.jewel.xlarge {
+ font-size: 1.4em;
+}
+
+.jewel.imagebutton {
+ outline: 0;
+}
+
+.jewel.alert {
+ transform: translate(-50%, -60%);
+ margin: 0;
+ padding: 0;
+ min-width: 320px;
+ min-height: 240px;
+ border: 0px solid;
+ background-color: white;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ border-radius: 3px;
+ opacity: 0;
+ will-change: opacity, transform;
+}
+.jewel.alert.open {
+ opacity: 1;
+ transform: translate(-50%, -50%);
+ transition: opacity 0.4s 0ms, transform 0.4s 0ms;
+}
+.jewel.alert.open + .backdrop {
+ opacity: 1;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #EF5A2A;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.45em !important;
+ font-weight: bold;
+ font-color: #EF5A2A;
+}
+.jewel.alert .content {
+ padding: 20px;
+ top: 50px;
+ bottom: 84px;
+}
+.jewel.alert .content .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: 400;
+}
+.jewel.alert .jewel.controlbar {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border-top: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0px 0px 3px 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 84px;
+}
+.jewel.alert + .backdrop {
+ opacity: 0;
+ will-change: opacity;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.jewel.badge {
+ border-radius: 500em;
+ background: #d9d9d9;
+ color: #808080;
+ font-size: 0.85em !important;
+ line-height: 1em;
+}
+.jewel.badge.primary {
+ background: #EF5A2A;
+ color: #FFFFFF;
+}
+
+.jewel.button {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.button:active, .jewel.button:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.button[disabled] {
+ font-weight: 400;
+}
+.jewel.button.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.button.iconLSpace i {
+ margin-left: 0px;
+ margin-right: 8px;
+}
+.jewel.button.iconRSpace i {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+
+.jewel.button.primary {
+ background: linear-gradient(#f16c42, #ed4812);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ background: linear-gradient(#EF5A2A, #d64010);
+ border: 1px solid #a6320d;
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ border: 1px solid #be390e;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ background: #f3f3f3 !important;
+ border: 1px solid #d9d9d9 !important;
+ box-shadow: none !important;
+ color: silver;
+ text-shadow: unset;
+}
+
+.jewel.card {
+ font-size: 1em;
+ font-weight: 400;
+ background: #ebebeb;
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+j|Card {
+ gap: 3;
+}
+
+.jewel.checkbox input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.checkbox input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23EF5A2A' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.checkbox input:checked + span::after, .jewel.checkbox input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
+ background: linear-gradient(#fac8b8, #f6a389);
+ border: 1px solid #be390e;
+}
+.jewel.checkbox input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.checkbox input[disabled] + span {
+ color: silver;
+}
+.jewel.checkbox input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Cpolygon fill='%23cccccc' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.checkbox span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.combobox .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.combobox .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.combobox .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EF5A2A' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+.jewel.combobox .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.combobox .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+.jewel.datagrid {
+ width: 220px;
+ height: 240px;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
+ border-bottom-left-radius: 0;
+}
+.jewel.datagrid .jewel.buttonbar.header .jewel.button.last {
+ border-bottom-right-radius: 0;
+}
+.jewel.datagrid .listarea {
+ border-top-width: 0px;
+ border-left-width: 0px;
+ border-right-width: 0px;
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-style: solid;
+ border-color: #b3b3b3;
+}
+.jewel.datagrid .jewel.list.column {
+ border-radius: 0px;
+ border-bottom-width: 0px;
+ box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+}
+.jewel.datagrid .jewel.list.column.first {
+ border-bottom-left-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column.last {
+ border-bottom-right-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+ border-bottom: 1px solid #ededed;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
+ background: #f38663;
+}
+.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
+ background: #f1744b;
+}
+
+.jewel.datechooser .jewel.table {
+ background: white;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.25rem;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.button {
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell {
+ background: white;
+ box-shadow: none;
+ border-left: 0px;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
+ border-radius: 50%;
+ color: transparent;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:hover, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:hover {
+ background: #f3f3f3;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:active, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:active {
+ background: #e6e6e6;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-size: 54%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EF5A2A' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-position: right 0 center;
+ background-repeat: no-repeat;
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser .jewel.table .jewel.tablecell {
+ border-top: 0px;
+ border-left: 0px;
+ padding: 4px;
+}
+.jewel.datechooser[disabled] {
+ pointer-events: none;
+}
+.jewel.datechooser[disabled] .jewel.table {
+ color: silver;
+ text-shadow: unset;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.button {
+ color: silver;
+ text-shadow: unset;
+ font-weight: normal;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell {
+ background: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after, .jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background-size: 40%;
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-7.000000, -5.000000)'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M14.9911518,6.4116803 C14.9876664,5.88503401 14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 L13.482210 [...]
+}
+.jewel.datechooser[disabled] .jewel.tableitem.selected, .jewel.datechooser[disabled] .jewel.tableitem.selectable:active {
+ background: #cccccc;
+}
+
+.calendar.item {
+ font-size: 1em;
+}
+.calendar.item.dayName {
+ font-weight: 600;
+}
+.calendar.item.date {
+ color: grey;
+}
+
+.jewel.datefield .jewel.textinput input {
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+.jewel.datefield .jewel.button {
+ color: transparent;
+ border-bottom-left-radius: 0px;
+ border-top-left-radius: 0px;
+ border-left: 0px;
+}
+.jewel.datefield .jewel.button::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+.jewel.datefield .jewel.button[disabled] {
+ border-left: 0px !important;
+}
+.jewel.datefield .jewel.button[disabled]::after {
+ background-size: 66%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='22' height='22'%3E%3C/rect%3E%3Cpath d='M18.3333333,2.75 L17.4166667,2.75 L17.4166667,0.916666667 L15.5833333,0.916666667 L15.5833333,2.75 L6.41666667,2.75 L6.41666667,0.916666667 L4.58333333,0.916666667 L4.58333333,2.75 L3.66666667,2.75 C2.65833333,2.75 1.83333333,3.575 1.83333 [...]
+}
+
+.jewel.divider {
+ border-bottom-color: #d9d9d9;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+.jewel.drawer.float {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer.float::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer.float .drawermain {
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: white;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.float.open .drawermain {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: auto;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
+
+.jewel.drawerheader {
+ background: linear-gradient(#f16c42, #ed4812);
+ border-bottom: 1px solid #a6320d;
+ color: #FFFFFF;
+ padding: 16px;
+}
+.jewel.drawerheader div {
+ padding: 16px;
+}
+
+.jewel.dropdownlist {
+ background-color: white;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EF5A2A' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ background-size: 1.08em;
+ background-position: right 0.7em center;
+ background-repeat: no-repeat;
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem;
+}
+.jewel.dropdownlist[disabled] {
+ background-color: #f3f3f3;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.dropdownlist[disabled]::placeholder, .jewel.dropdownlist[disabled]:-ms-input-placeholder {
+ color: silver;
+}
+.jewel.dropdownlist[disabled] + i {
+ color: silver;
+}
+.jewel.dropdownlist:focus {
+ border: 1px solid #be390e;
+}
+
+.jewel.footerbar .footerBarAppHeader {
+ background: linear-gradient(#404040, #262626);
+ border-top: 1px solid #595959;
+ border-bottom: 1px solid black;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.footerbar .footerBarAppHeader.has-drawer {
+ width: calc(100% - 240px);
+}
+.jewel.footerbar .jewel.barsection {
+ padding: 8px 12px;
+}
+.jewel.footerbar .jewel.barsection button {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ padding: 12px;
+ fill: #FFFFFF;
+ color: inherit;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+.jewel.footerbar .jewel.barsection button[disabled] {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+.jewel.formheading {
+ color: #d64010;
+ font-size: 1.4em !important;
+}
+.jewel.formheading .jewel.label.spacerLabel {
+ width: 115px;
+}
+.jewel.formheading .jewel.label.requiredSpacerLabel {
+ width: 10px;
+}
+
+j|FormHeading {
+ gap: 2;
+}
+
+.jewel.formitem .jewel.label.formlabel {
+ width: 115px;
+}
+.jewel.formitem .jewel.label.required {
+ color: #EC1C24;
+ font-size: 1.6em !important;
+ width: 10px;
+}
+
+j|FormItem {
+ gap: 2;
+ itemsVerticalAlign: itemsCentered;
+}
+
+.fonticon.dark {
+ color: #676767;
+}
+.fonticon.dark.inactive {
+ color: rgba(128, 128, 128, 0.3);
+}
+.fonticon.light {
+ color: white;
+}
+.fonticon.light.inactive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.jewel.item {
+ padding: 8px;
+}
+.jewel.item.hovered {
+ color: #FFFFFF;
+}
+.jewel.item.selected, .jewel.item.selectable:active {
+ color: #FFFFFF;
+}
+.jewel.item.primary.hovered {
+ background: #EF5A2A;
+}
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+ background: #ed4812;
+}
+
+.jewel.label {
+ font-size: 1em;
+}
+
+.jewel.list {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.list[disabled] {
+ pointer-events: none;
+ color: silver;
+ color-text-shadow: unset;
+ font-weight: normal;
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.list[disabled] .jewel.item.selected, .jewel.list[disabled] .jewel.item.selectable:active {
+ background: #cccccc !important;
+}
+
+.jewel.navigation {
+ background-color: #ffffff;
+}
+.jewel.navigation .layout.vertical {
+ align-items: stretch;
+}
+
+.jewel.navigationlink {
+ margin: 0;
+ padding: 0 16px;
+ font-size: 1em;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+}
+.jewel.navigationlink.hovered {
+ background: #f3f3f3 !important;
+}
+.jewel.navigationlink .hint.fonticon {
+ margin-left: auto;
+}
+
+.navigation-section-group {
+ transition: height 0.5s;
+ overflow: hidden !important;
+}
+.navigation-section-group .navigationlink {
+ padding-left: 34px;
+}
+
+.jewel.numericstepper .jewel.textinput input {
+ width: 8em;
+ border-radius: 0.25rem 0px 0px 0.25rem;
+}
+
+@media (max-width: 992px) {
+ .jewel.numericstepper .jewel.textinput input {
+ border-radius: 0;
+ }
+}
+.jewel.spinner {
+ width: 34px;
+}
+.jewel.spinner .jewel.button {
+ padding: 0px;
+ height: 19px;
+ color: transparent;
+ border-radius: 0 0.25rem 0.25rem 0;
+ border-left: 0px;
+}
+.jewel.spinner .jewel.button.up {
+ border-bottom-right-radius: 0px;
+}
+.jewel.spinner .jewel.button.up::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.spinner .jewel.button.down {
+ border-top-right-radius: 0px;
+ border-top-style: groove;
+}
+.jewel.spinner .jewel.button.down::after {
+ background-size: 46%;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23808080' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
+}
+
+@media (max-width: 992px) {
+ .jewel.spinner .jewel.button.up {
+ border: 1px solid #b3b3b3;
+ border-radius: 0 0.25rem 0.25rem 0;
+ }
+ .jewel.spinner .jewel.button.down {
+ border: 1px solid #b3b3b3;
+ border-radius: 0.25rem 0 0 0.25rem;
+ border-top-style: solid;
+ }
+}
+.popup-content::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.popup-content .jewel.popupcontent {
+ border: 0px;
+ border-radius: 10px;
+ padding: 20px;
+ background: white;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
+}
+
+@media (min-width: 992px) {
+ .popup-content .jewel.popupcontent {
+ box-shadow: none !important;
+ }
+}
+.jewel.radiobutton input + span::before {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 50%;
+}
+.jewel.radiobutton input + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23EF5A2A' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+ border: 1px solid transparent;
+ transition: all 0.3s ease;
+ transform: scale(0);
+}
+.jewel.radiobutton input:checked + span::after, .jewel.radiobutton input:checked:active + span::after {
+ transform: scale(1);
+}
+.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
+ background: linear-gradient(#fac8b8, #f6a389);
+ border: 1px solid #be390e;
+}
+.jewel.radiobutton input[disabled] + span::before {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton input[disabled] + span {
+ color: silver;
+}
+.jewel.radiobutton input[disabled] + span::after {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+.jewel.radiobutton span {
+ padding-left: 8px;
+ font-size: 16px;
+}
+
+.jewel.slider input {
+ color: #EF5A2A;
+}
+.jewel.slider input::-ms-fill-lower {
+ background: linear-gradient(#f06538, #ee4f1c);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-radius: 3px;
+}
+.jewel.slider input::-ms-fill-upper {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+.jewel.slider input::-webkit-slider-thumb, .jewel.slider input::-moz-range-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f06538, #ee4f1c);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-ms-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f06538, #ee4f1c);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input:active::-webkit-slider-thumb, .jewel.slider input:active::-moz-range-thumb {
+ transform: scale(1.4);
+}
+.jewel.slider input:active::-ms-thumb {
+ transform: scale(0.8);
+}
+.jewel.slider input[disabled]::-ms-fill-lower {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-ms-fill-upper {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]::-webkit-slider-thumb, .jewel.slider input[disabled]::-moz-range-thumb, .jewel.slider input[disabled]::-ms-thumb {
+ background: #f3f3f3;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled]:active::-webkit-slider-thumb, .jewel.slider input[disabled]:active::-moz-range-thumb, .jewel.slider input[disabled]:active::-ms-thumb {
+ transform: scale(1);
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track-fill {
+ background: #e6e6e6;
+ border: 1px solid silver;
+ box-shadow: none;
+}
+.jewel.slider input[disabled] + .slider-track-container > .slider-track {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+}
+
+.slider-track-container {
+ top: 50%;
+}
+
+.slider-track-fill {
+ background: linear-gradient(#f06538, #ee4f1c);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-radius: 3px;
+}
+
+.slider-track {
+ background: linear-gradient(white, #e6e6e6);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+}
+
+.jewel.snackbar {
+ will-change: transform;
+ transform: translate(0, 100%);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.open {
+ transform: translate(0);
+ transition: transform 0.4s 0ms;
+}
+.jewel.snackbar.primary .jewel.snackbar-content {
+ background: linear-gradient(#f16c42, #ed4812);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-bottom: none;
+}
+.jewel.snackbar.primary .jewel.snackbar-message {
+ color: #FFFFFF;
+}
+.jewel.snackbar.primary .jewel.snackbar-action {
+ color: #E2D70B;
+}
+.jewel.snackbar.primary .jewel.snackbar-action:hover {
+ background: linear-gradient(#EF5A2A, #d64010);
+}
+
+.jewel.snackbar-content {
+ background: #2C3E50;
+ border-radius: 0.25rem 0.25rem 0px 0px;
+}
+
+.jewel.snackbar-message {
+ color: #FFFFFF;
+}
+
+.jewel.snackbar-action {
+ color: #FFD740;
+}
+.jewel.snackbar-action:hover {
+ background-color: #3C4E60;
+}
+
+@media (max-width: 992px) {
+ .jewel.snackbar-content {
+ border-radius: 0px;
+ }
+}
+.jewel.tabbarbutton {
+ font-size: 1em;
+ font-weight: 500;
+ border: none;
+ background: transparent;
+ outline: none;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.jewel.tabbarbutton .indicator > .indicatorContent {
+ height: 2px;
+ background-color: #EF5A2A;
+}
+.jewel.tabbarbutton.hovered {
+ background: rgba(239, 90, 42, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #be390e;
+ background: rgba(239, 90, 42, 0.4);
+}
+
+.jewel.simpletable {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.simpletable .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.simpletable .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.simpletable .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
+
+.jewel.table {
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+}
+.jewel.table .jewel.thead tr {
+ border-bottom: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tableheadercell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tableheadercell {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
+ font-weight: 700;
+ line-height: normal !important;
+ font-size: 1em;
+ color: #808080;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tablecell:first-of-type {
+ border-left: 0px;
+}
+.jewel.table .jewel.tablecell {
+ border-top: 1px solid #d9d9d9;
+ border-left: 1px solid #d9d9d9;
+}
+.jewel.table .jewel.tfoot .jewel.tablecell {
+ border-left: 0px;
+ background: linear-gradient(white, white);
+ box-shadow: inset 0 1px 0 white;
+}
... 5636 lines suppressed ...