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/08/11 11:06:19 UTC

[royale-website] branch asf-site updated: BE0011 - fix wrong compilation

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/royale-website.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new 5052606  BE0011 - fix wrong compilation
5052606 is described below

commit 5052606c95f6b00530f740c97d43f7b547cd6e23
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Tue Aug 11 13:05:58 2020 +0200

    BE0011 - fix wrong compilation
---
 ...1_Loading_external_data_through_HTTPService.css | 9814 --------------------
 ...11_Loading_external_data_through_HTTPService.js | 8913 ++----------------
 ...ading_external_data_through_HTTPService.min.css |    1 +
 .../index.html                                     |  188 +-
 4 files changed, 579 insertions(+), 18337 deletions(-)

diff --git a/blog-examples/BE0011_Loading_external_data_through_HTTPService/BE0011_Loading_external_data_through_HTTPService.css b/blog-examples/BE0011_Loading_external_data_through_HTTPService/BE0011_Loading_external_data_through_HTTPService.css
deleted file mode 100644
index 470ee3b..0000000
--- a/blog-examples/BE0011_Loading_external_data_through_HTTPService/BE0011_Loading_external_data_through_HTTPService.css
+++ /dev/null
@@ -1,9814 +0,0 @@
-/* Generated by Apache Royale Compiler */
-.Application * {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-}
-
-
-.royale * {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-}
-
-
-.royale *:before {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-}
-
-
-.royale *:after {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-}
-
-
-.Group {
-}
-
-
-.global {
-        effect-timer-interval: 10;
-}
-
-
-* {
-        box-sizing: border-box;
-}
-
-
-.:after {
-        box-sizing: border-box;
-}
-
-
-.:before {
-        box-sizing: border-box;
-}
-
-
-html {
-        height: 100%;
-}
-
-
-body {
-        height: 100%;
-}
-
-
-::-moz-focus-inner {
-        border: 0;
-}
-
-
-::-moz-focus-outer {
-        border: 0;
-}
-
-
-input:focus {
-        outline: none;
-}
-
-
-textarea:focus {
-        outline: none;
-}
-
-
-select:focus {
-        outline: none;
-}
-
-
-div:focus {
-        outline: none;
-}
-
-
-label:focus {
-        outline: none;
-}
-
-
-nav:focus {
-        outline: none;
-}
-
-
-li:focus {
-        outline: none;
-}
-
-
-select::-ms-expand {
-        display: none;
-}
-
-
-button::-moz-focus-inner {
-        padding: 0;
-}
-
-
-button {
-        font-family: inherit;
-        font-size: 100%;
-}
-
-
-input {
-        font-family: inherit;
-        font-size: 100%;
-}
-
-
-textarea {
-        font-family: inherit;
-        font-size: 100%;
-}
-
-
-.cursor-pointer {
-        cursor: pointer !important;
-}
-
-
-.View {
-}
-
-
-.applicationResponsiveView {
-        display: inline-flex;
-        height: 100%;
-        width: 100%;
-}
-
-
-.Group {
-}
-
-
-.jewel.group {
-        overflow: visible;
-}
-
-
-.VGroup {
-}
-
-
-.Container {
-}
-
-
-.HContainer {
-}
-
-
-.VContainer {
-}
-
-
-hr {
-        background-color: #d9d9d9;
-        border: 0;
-        height: 1px;
-}
-
-
-.responsiveSizeMonitor {
-        background: rgba(0, 0, 0, 0.8);
-        bottom: 0;
-        color: white;
-        padding: 10px;
-        position: fixed;
-        right: 0;
-        width: 250px;
-}
-
-
-.responsiveSizeMonitor strong {
-        color: yellow;
-}
-
-
-.jewel.alert {
-        background: #e0e6e5;
-        border-radius: 3px;
-        border: 0px solid;
-        box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
-        left: 50%;
-        margin: 0;
-        min-height: 240px;
-        min-width: 320px;
-        opacity: 0;
-        padding: 0;
-        position: fixed;
-        top: 50%;
-        transform: translate(-50%, -60%);
-        will-change: opacity, transform;
-}
-
-
-.jewel.alert .jewel.titlebar {
-        color: #29A89F;
-        height: 50px;
-        padding: 20px 20px 0px 20px;
-}
-
-
-.jewel.alert .content {
-        bottom: 84px;
-        overflow-y: auto;
-        padding: 20px;
-        position: absolute;
-        top: 50px;
-        width: 100%;
-}
-
-
-.jewel.alert .content .jewel.label {
-        color: #808080;
-        font-size: 1.1em;
-        font-weight: 400;
-        white-space: normal;
-}
-
-
-.jewel.alert .jewel.controlbar {
-        background: linear-gradient(#e6e6e6, #cccccc);
-        border-radius: 0px 0px 3px 3px;
-        border-top: 1px solid #b3b3b3;
-        bottom: 0;
-        box-shadow: inset 0 1px 0 white;
-        height: 84px;
-        padding: 20px;
-        position: absolute;
-        width: 100%;
-}
-
-
-.Alert {
-}
-
-
-.jewel.badge {
-        border-radius: 500em;
-        color: #808080;
-        font-size: 0.85em !important;
-        line-height: 1em;
-        min-width: 2.1em;
-        padding: 0.5em;
-        position: absolute;
-        right: -1em;
-        text-transform: initial;
-        top: -1em;
-        z-index: 2;
-}
-
-
-.jewel.badge.overlap {
-        right: 0em;
-        top: 0em;
-}
-
-
-.jewel.badge.subindex {
-        bottom: -1em;
-        top: auto;
-}
-
-
-.jewel.badge.subindex.overlap {
-        bottom: 0em;
-        top: auto;
-}
-
-
-.jewel.badge.preindex {
-        left: -1em;
-        right: auto;
-}
-
-
-.jewel.badge.preindex.overlap {
-        left: 0em;
-        right: auto;
-}
-
-
-.jewel.button {
-        align-items: center;
-        background: linear-gradient(#e6e6e6, #cccccc);
-        border-radius: 0.25rem;
-        border: 1px solid #b3b3b3;
-        box-shadow: inset 0 1px 0 white;
-        color: #808080;
-        cursor: pointer;
-        display: inline-flex;
-        font-weight: bold;
-        justify-content: center;
-        line-height: normal !important;
-        margin: 0;
-        outline: none;
-        overflow: hidden;
-        padding: 0.679em 1.12em;
-        position: relative;
-        text-align: center;
-        text-decoration: none;
-        text-shadow: none;
-        text-transform: uppercase;
-        user-select: none;
-        vertical-align: middle;
-        white-space: nowrap;
-}
-
-
-.jewel.button[disabled] {
-        background: #f3f3f3 !important;
-        border: 1px solid #d9d9d9 !important;
-        box-shadow: none !important;
-        color: silver;
-        cursor: default;
-        font-weight: 400;
-        text-shadow: unset;
-}
-
-
-.jewel.button.multiline {
-        white-space: pre-wrap;
-}
-
-
-.jewel.button .fonticon {
-        cursor: inherit;
-}
-
-
-.jewel.button.viewport {
-        overflow: visible;
-}
-
-
-.jewel.buttonbar .jewel.button {
-        border-radius: 0;
-}
-
-
-.jewel.buttonbar .jewel.togglebutton {
-        border-radius: 0;
-}
-
-
-.jewel.buttonbar .jewel.button.first {
-        border-bottom-left-radius: 0.25rem;
-        border-top-left-radius: 0.25rem;
-}
-
-
-.jewel.buttonbar .jewel.togglebutton.first {
-        border-bottom-left-radius: 0.25rem;
-        border-top-left-radius: 0.25rem;
-}
-
-
-.jewel.buttonbar .jewel.button.last {
-        border-bottom-right-radius: 0.25rem;
-        border-top-right-radius: 0.25rem;
-}
-
-
-.jewel.buttonbar .jewel.togglebutton.last {
-        border-bottom-right-radius: 0.25rem;
-        border-top-right-radius: 0.25rem;
-}
-
-
-.jewel.card {
-        background: #e0e6e5;
-        border-radius: 0.25rem;
-        border: 1px solid #ababab;
-        font-size: 1em;
-        font-weight: 400;
-        min-height: 52px;
-        min-width: 120px;
-        position: relative;
-}
-
-
-.jewel.card .card-header {
-        border-bottom: 1px solid #ababab;
-        padding: 12px 20px;
-        width: 100%;
-}
-
-
-.jewel.card .card-header .card-title {
-        flex: 1 1 auto;
-        font-size: 1.5em;
-        letter-spacing: 0.0125em;
-        margin: 0.408rem 0rem;
-        overflow: hidden;
-        text-decoration: inherit;
-        text-overflow: ellipsis;
-        text-transform: inherit;
-        z-index: 1;
-}
-
-
-.jewel.card .card-expanded-content {
-        width: 100%;
-}
-
-
-.jewel.card .card-primary-content {
-        color: inherit;
-        flex: 1 1 auto;
-        min-height: 152px;
-        outline: none;
-        padding: 20px;
-        position: relative;
-        text-decoration: none;
-        width: 100%;
-}
-
-
-.jewel.card .card-actions {
-        border-top: 1px solid #ababab;
-        color: inherit;
-        outline: none;
-        padding: 18px 20px;
-        position: relative;
-        text-decoration: none;
-        width: 100%;
-}
-
-
-.Card {
-        gap: 3;
-}
-
-
-.CardHeader {
-        gap: 3;
-}
-
-
-.CardPrimaryContent {
-        gap: 3;
-}
-
-
-.CardActions {
-        gap: 3;
-}
-
-
-.jewel.checkbox {
-        display: inline-flex;
-        height: auto;
-        margin: 0;
-        padding: 0;
-        position: relative;
-}
-
-
-.jewel.checkbox input {
-        -moz-appearance: none;
-        -ms-appearance: none;
-        -o-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-        display: inline-flex;
-        height: 24px;
-        margin: 0;
-        opacity: 0;
-        padding: 0;
-        width: 24px;
-}
-
-
-.jewel.checkbox input+span::before {
-        background: linear-gradient(white, #f3f3f3);
-        border-radius: 3px;
-        border: 1px solid #b3b3b3;
-        content: " ";
-        height: 22px;
-        left: 0px;
-        position: absolute;
-        top: 0px;
-        width: 22px;
-}
-
-
-.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='%2329A89F' 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-radius: 3px;
-        border: 1px solid transparent;
-        content: " ";
-        height: 22px;
-        left: 0px;
-        opacity: 0;
-        position: absolute;
-        top: 0px;
-        transform: scale(0);
-        transition: all 0.3s ease;
-        width: 22px;
-}
-
-
-.jewel.checkbox input:checked+span::after {
-        opacity: 1;
-        transform: scale(1);
-}
-
-
-.jewel.checkbox input:checked:active+span::after {
-        opacity: 1;
-        transform: scale(1);
-}
-
-
-.jewel.checkbox input:focus+span::before {
-        background: linear-gradient(#88e2dc, #5fd8cf);
-        border-radius: 3px;
-        border: 1px solid #1a6b65;
-        outline: none;
-}
-
-
-.jewel.checkbox input:checked:focus+span::before {
-        background: linear-gradient(#88e2dc, #5fd8cf);
-        border-radius: 3px;
-        border: 1px solid #1a6b65;
-        outline: none;
-}
-
-
-.jewel.checkbox input:checked:active:focus+span::before {
-        background: linear-gradient(#88e2dc, #5fd8cf);
-        border-radius: 3px;
-        border: 1px solid #1a6b65;
-        outline: none;
-}
-
-
-.jewel.checkbox input[disabled]+span {
-        color: silver;
-        cursor: unset;
-}
-
-
-.jewel.checkbox span {
-        cursor: pointer;
-        margin: auto;
-        padding-left: 8px;
-        width: inherit;
-}
-
-
-.jewel.controlbar {
-        background-color: transparent;
-        min-height: 34px;
-        padding: 0px;
-}
-
-
-.ControlBar {
-}
-
-
-.jewel.combobox {
-        display: inline-flex;
-}
-
-
-.jewel.combobox .jewel.textinput {
-        display: block;
-}
-
-
-.jewel.combobox .jewel.button::before {
-        line-height: 22px;
-        margin: 0;
-        padding: 0;
-}
-
-
-.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='%2329A89F' 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 [...]
-        content: " ";
-        height: 22px;
-        left: calc(50% - 8px);
-        position: absolute;
-        top: calc(50% - 11px);
-        width: 14px;
-}
-
-
-.combobox-popup {
-        bottom: 0;
-        color: rgba(0, 0, 0, 0.8);
-        contain: strict;
-        height: 100%;
-        left: 0;
-        overflow: hidden;
-        pointer-events: none;
-        position: fixed;
-        width: 100%;
-        z-index: 60;
-}
-
-
-.combobox-popup::before {
-        background-color: rgba(0, 0, 0, 0.65);
-        content: "";
-        display: block;
-        height: 100%;
-        left: 0;
-        opacity: 0;
-        position: absolute;
-        top: 0;
-        transition: opacity 0.4s 0ms;
-        width: 100%;
-        will-change: opacity;
-}
-
-
-.combobox-popup .jewel.list {
-        bottom: auto;
-        box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
-        left: 50%;
-        opacity: 0;
-        position: relative;
-        top: calc(100% - 10px);
-        transform: translate(-50%, 100%);
-        transition: none;
-        will-change: transform, opacity;
-}
-
-
-.combobox-popup.open {
-        pointer-events: auto;
-}
-
-
-.combobox-popup.open::before {
-        opacity: 1;
-}
-
-
-.combobox-popup.open .jewel.list {
-        opacity: 1;
-        transform: translate(-50%, -100%);
-        transition: transform 0.4s 0ms, opacity 0.4s 0ms;
-}
-
-
-.jewel.datagrid {
-        background: linear-gradient(white, #f3f3f3);
-        border-radius: 0.25rem;
-        border: 1px solid #b3b3b3;
-        box-shadow: inset 0 1px 0 white;
-        display: flex;
-        flex-direction: column;
-        overflow: auto;
-        position: relative;
-}
-
-
-.jewel.datagrid .jewel.buttonbar.header {
-        background: linear-gradient(#f3f3f3, #e6e6e6);
-        border-top-left-radius: 0.25rem;
-        border-top-right-radius: 0.25rem;
-        border: 0 none;
-        box-shadow: none;
-        flex: 0 0 auto;
-        width: 100%;
-}
-
-
-.jewel.datagrid .jewel.buttonbar.header .jewel.button {
-        justify-content: flex-start;
-        padding-left: 2px;
-        padding-right: 2px;
-        width: 100%;
-}
-
-
-.jewel.datagrid .listarea {
-        border-bottom-left-radius: 0.25rem;
-        border-bottom-right-radius: 0.25rem;
-        border-bottom-width: 0px;
-        border-color: #b3b3b3;
-        border-left-width: 0px;
-        border-right-width: 0px;
-        border-style: solid;
-        border-top-width: 1px;
-        flex: 1 1 auto;
-        width: 100%;
-}
-
-
-.jewel.datagrid .jewel.list.column {
-        border-bottom-width: 0px;
-        border-radius: 0px;
-        box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
-        min-height: 100%;
-        padding-left: 0;
-        padding-right: 0;
-        position: relative;
-}
-
-
-.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
-        border-bottom: 1px solid #ededed;
-        border-left: none;
-        border-radius: 0;
-        border-right: 0;
-        border-top: none;
-        width: 100%;
-}
-
-
-.jewel.datagrid span:empty:before {
-        content: "\200b";
-}
-
-
-.jewel.datechooser .jewel.table {
-        background: white;
-        border-radius: 0.25rem;
-        border: 1px solid #d9d9d9;
-        box-shadow: none;
-        min-height: 364px;
-        min-width: 324px;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow>.layout.horizontal {
-        float: right;
-}
-
-
-.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='%2329A89F' 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/pol [...]
-        background-position: right 0 center;
-        background-repeat: no-repeat;
-        content: " ";
-        height: 8px;
-        padding-right: 8px;
-        width: 14px;
-}
-
-
-.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. [...]
-        content: " ";
-        height: 14px;
-        left: calc(50% - 9px);
-        position: absolute;
-        top: calc(50% - 7px);
-        width: 14px;
-}
-
-
-.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. [...]
-        content: " ";
-        height: 14px;
-        left: calc(50% - 5px);
-        position: absolute;
-        top: calc(50% - 7px);
-        width: 14px;
-}
-
-
-.jewel.datefield {
-        display: inline-flex;
-}
-
-
-.jewel.datefield .jewel.textinput input {
-        border-radius: 0.25rem 0px 0px 0.25rem;
-        width: 9.2em;
-}
-
-
-.jewel.datefield .jewel.button::before {
-        line-height: 22px;
-        margin: 0;
-        padding: 0;
-}
-
-
-.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 [...]
-        content: " ";
-        height: 22px;
-        left: calc(50% - 11px);
-        position: absolute;
-        top: calc(50% - 11px);
-        width: 22px;
-}
-
-
-.datechooser-popup {
-        bottom: 0;
-        color: rgba(0, 0, 0, 0.8);
-        contain: strict;
-        height: 100%;
-        left: 0;
-        overflow: hidden;
-        pointer-events: none;
-        position: fixed;
-        width: 100%;
-        z-index: 60;
-}
-
-
-.datechooser-popup::before {
-        background-color: rgba(0, 0, 0, 0.65);
-        content: "";
-        display: block;
-        height: 100%;
-        left: 0;
-        opacity: 0;
-        position: absolute;
-        top: 0;
-        transition: opacity 0.4s 0ms;
-        width: 100%;
-        will-change: opacity;
-}
-
-
-.datechooser-popup .jewel.table {
-        bottom: auto;
-        box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
-        left: 50%;
-        opacity: 0;
-        position: relative;
-        top: calc(100% - 10px);
-        touch-action: none;
-        transform: translate(-50%, 100%);
-        transition: none;
-        will-change: transform, opacity;
-}
-
-
-.datechooser-popup.open {
-        pointer-events: auto;
-}
-
-
-.datechooser-popup.open::before {
-        opacity: 1;
-}
-
-
-.datechooser-popup.open .jewel.table {
-        opacity: 1;
-        transform: translate(-50%, -100%);
-        transition: transform 0.4s 0ms, opacity 0.4s 0ms;
-}
-
-
-.jewel.divider {
-        border-bottom-color: #d9d9d9;
-        border-bottom-style: solid;
-        border-bottom-width: 1px;
-        height: 0;
-        margin: 0;
-}
-
-
-.jewel.drawer.float {
-        color: rgba(0, 0, 0, 0.8);
-        contain: strict;
-        height: 100%;
-        left: 0;
-        overflow: hidden;
-        pointer-events: none;
-        position: fixed;
-        top: 0;
-        width: 100%;
-        z-index: 100;
-}
-
-
-.jewel.drawer.float::before {
-        background-color: rgba(0, 0, 0, 0.65);
-        content: "";
-        display: block;
-        height: 100%;
-        left: 0;
-        opacity: 0;
-        position: absolute;
-        top: 0;
-        transition: opacity 0.4s 0ms;
-        width: 100%;
-        will-change: opacity;
-}
-
-
-.jewel.drawer.float .drawermain {
-        background-color: white;
-        box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-        left: 0;
-        max-width: 280px;
-        position: absolute;
-        right: initial;
-        transform: translateX(-104%);
-        transition: transform 250ms 0ms;
-        width: calc(100% - 54px);
-        will-change: transform;
-}
-
-
-.jewel.drawer.float.open {
-        pointer-events: auto;
-}
-
-
-.jewel.drawer.float.open::before {
-        opacity: 1;
-}
-
-
-.jewel.drawer.fixed {
-        width: 0;
-}
-
-
-.jewel.drawer.fixed .drawermain {
-        background-color: white;
-        border-left: 0;
-        border-right: 1px solid #d9d9d9;
-        display: inline-flex;
-        flex-direction: column;
-        height: 100%;
-        left: 0;
-        overflow: hidden;
-        right: auto;
-        touch-action: none;
-        transform: translateX(-104%);
-        transition: transform 250ms 0ms;
-        width: 240px;
-        will-change: transform;
-}
-
-
-.jewel.drawer.fixed.open {
-        pointer-events: auto;
-        width: auto;
-}
-
-
-.jewel.drawer.fixed.open .drawermain {
-        transform: none;
-        transition: transform 300ms 0ms;
-}
-
-
-.jewel.drawerheader {
-        align-items: center;
-        background: linear-gradient(#2ebcb2, #24948c);
-        border-bottom: 1px solid #155651;
-        color: #FFFFFF;
-        display: flex;
-        flex-direction: column;
-        flex-shrink: 0;
-        padding: 16px;
-        position: relative;
-}
-
-
-.jewel.drawerheader div {
-        align-items: flex-end;
-        bottom: 0;
-        display: flex;
-        left: 0;
-        padding: 16px;
-        position: absolute;
-        right: 0;
-        top: 0;
-}
-
-
-.jewel.drawercontent {
-        -webkit-overflow-scrolling: touch;
-        flex: 1 100 auto;
-        margin: 0;
-        overflow-x: hidden;
-        overflow-y: auto;
-        touch-action: pan-y;
-}
-
-
-.jewel.drawerfooter {
-        background: linear-gradient(#404040, #262626);
-        border-bottom: 1px solid black;
-        border-top: 1px solid #595959;
-        color: #FFFFFF;
-        display: flex;
-        height: 66px;
-        position: relative;
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
-        width: 100%;
-}
-
-
-.jewel.dropdownlist {
-        -moz-appearance: none;
-        -ms-appearance: none;
-        -o-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-        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='%2329A89F' 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/pol [...]
-        background-position: right 0.7em center;
-        background-repeat: no-repeat;
-        background-size: 1.08em;
-        border-radius: 0.25rem;
-        border: 1px solid #b3b3b3;
-        cursor: pointer;
-        display: inline-flex;
-        line-height: normal !important;
-        margin: 0;
-        outline: none;
-        padding: 0.68em 2.38em 0.68em 1.12em;
-        width: 200px;
-}
-
-
-.jewel.footerbar {
-        display: inline-flex;
-        flex: 1 1 auto;
-}
-
-
-.jewel.footerbar .footerBarAppHeader {
-        background: linear-gradient(#404040, #262626);
-        border-bottom: 1px solid black;
-        border-top: 1px solid #595959;
-        bottom: 0px;
-        color: #FFFFFF;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        position: fixed;
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
-        width: 100%;
-        z-index: 20;
-}
-
-
-.jewel.footerbar .footerBarAppHeader.fixed {
-        transition: box-shadow 200ms linear;
-}
-
-
-.jewel.footerbar .jewel.barrow {
-        display: flex;
-        height: 64px;
-        position: relative;
-        width: 100%;
-}
-
-
-.jewel.footerbar .jewel.barsection {
-        align-items: center;
-        display: inline-flex;
-        flex: 1 1 auto;
-        min-width: 0;
-        order: -1;
-        padding: 8px 12px;
-        z-index: 1;
-}
-
-
-.jewel.footerbar .jewel.barsection button {
-        align-items: center;
-        background: transparent;
-        border: none;
-        box-shadow: none;
-        color: inherit;
-        display: flex;
-        fill: #FFFFFF;
-        flex-shrink: 0;
-        height: 48px;
-        justify-content: center;
-        opacity: 1;
-        outline: none;
-        padding: 12px;
-        position: relative;
-        text-decoration: none;
-        text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
-        width: 48px;
-        will-change: transform, opacity;
-}
-
-
-.jewel.footerbar .jewel.barsection button .fonticon {
-        margin-left: 0px;
-        margin-right: 0px;
-}
-
-
-.jewel.footerbar .jewel.bartitle {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        flex: 1 1 auto;
-        letter-spacing: 0.0125em;
-        line-height: 2rem;
-        overflow: hidden;
-        text-decoration: inherit;
-        text-overflow: ellipsis;
-        text-transform: inherit;
-        white-space: nowrap;
-        z-index: 1;
-}
-
-
-.jewel.formheading .jewel.label.headingLabel {
-        flex: 1 1 auto;
-        white-space: initial;
-}
-
-
-.fonticon {
-        cursor: default;
-}
-
-
-.fonticon.size-18 {
-        font-size: 18px;
-}
-
-
-.fonticon.size-24 {
-        font-size: 24px;
-}
-
-
-.fonticon.size-36 {
-        font-size: 36px;
-}
-
-
-.fonticon.size-48 {
-        font-size: 48px;
-}
-
-
-.jewel.imagebutton {
-        border-style: none;
-        outline: 0;
-        padding: 0px;
-}
-
-
-.jewel.item {
-        background: transparent;
-        cursor: auto;
-        flex-shrink: 0;
-        letter-spacing: 0;
-        line-height: normal !important;
-        list-style: none;
-        min-height: 34px;
-        overflow: hidden;
-        position: relative;
-        text-decoration: none;
-}
-
-
-.jewel.navigationlink {
-        color: rgba(0, 0, 0, 0.6);
-        cursor: auto;
-        flex-shrink: 0;
-        font-size: 1em;
-        font-weight: 500;
-        letter-spacing: 0;
-        line-height: normal !important;
-        list-style: none;
-        margin: 0;
-        min-height: 34px;
-        overflow: hidden;
-        padding: 0 16px;
-        position: relative;
-        text-decoration: none;
-}
-
-
-.jewel.tabbarbutton {
-        background: transparent;
-        border: none;
-        color: rgba(0, 0, 0, 0.6);
-        cursor: auto;
-        display: flex;
-        flex-shrink: 0;
-        flex: 1 0 auto;
-        font-size: 1em;
-        font-weight: 600;
-        justify-content: center;
-        letter-spacing: 0.1em;
-        line-height: normal !important;
-        list-style: none;
-        margin: 0;
-        min-height: 34px;
-        outline: none;
-        overflow: initial;
-        padding: 0 24px;
-        position: relative;
-        text-decoration: none;
-        text-transform: uppercase;
-        transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-        white-space: nowrap;
-        z-index: 1;
-}
-
-
-.jewel.item.selectable {
-        cursor: pointer;
-}
-
-
-.jewel.item.hoverable {
-        cursor: pointer;
-}
-
-
-.jewel.navigationlink.selectable {
-        cursor: pointer;
-}
-
-
-.jewel.navigationlink.hoverable {
-        cursor: pointer;
-}
-
-
-.jewel.tabbarbutton.selectable {
-        cursor: pointer;
-}
-
-
-.jewel.tabbarbutton.hoverable {
-        cursor: pointer;
-}
-
-
-.jewel.item .fonticon {
-        cursor: inherit;
-}
-
-
-.jewel.navigationlink .fonticon {
-        cursor: inherit;
-}
-
-
-.jewel.tabbarbutton .fonticon {
-        cursor: inherit;
-}
-
-
-.jewel.label {
-        -webkit-font-smoothing: antialiased;
-        cursor: default;
-        line-height: 1em;
-        white-space: nowrap;
-}
-
-
-.jewel.label.multiline {
-        line-height: normal;
-        max-width: 100%;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-}
-
-
-.jewel.label.truncate {
-        overflow: hidden;
-        text-overflow: ellipsis;
-}
-
-
-.Label {
-}
-
-
-.viewport {
-        overflow: visible;
-}
-
-
-.viewport.clipped {
-        overflow: hidden;
-}
-
-
-.viewport.scroll {
-        overflow: auto;
-}
-
-
-.layout.basic {
-        position: relative;
-}
-
-
-.layout.basic>* {
-        position: absolute !important;
-}
-
-
-.layout {
-        display: flex;
-}
-
-
-.layout.horizontal {
-        align-items: flex-start;
-        flex-direction: row;
-        flex-wrap: nowrap;
-}
-
-
-.layout.horizontal>* {
-        flex: 0 1 auto;
-}
-
-
-.layout.horizontal.flow {
-        flex-wrap: wrap;
-        max-width: 100%;
-}
-
-
-.layout.horizontal.centered {
-        align-content: center;
-        align-items: center;
-        justify-content: center;
-}
-
-
-.layout.horizontal.centered>* {
-        flex: 0 0 auto !important;
-}
-
-
-.layout.horizontal.tile {
-        flex-wrap: wrap;
-}
-
-
-.layout.horizontal.formitem {
-        align-items: flex-start;
-        width: 100%;
-}
-
-
-.layout.horizontal.gap-1x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-1x3px>* {
-        margin-left: 3px;
-}
-
-
-.layout.horizontal.gap-2x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-2x3px>* {
-        margin-left: 6px;
-}
-
-
-.layout.horizontal.gap-3x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-3x3px>* {
-        margin-left: 9px;
-}
-
-
-.layout.horizontal.gap-4x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-4x3px>* {
-        margin-left: 12px;
-}
-
-
-.layout.horizontal.gap-5x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-5x3px>* {
-        margin-left: 15px;
-}
-
-
-.layout.horizontal.gap-6x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-6x3px>* {
-        margin-left: 18px;
-}
-
-
-.layout.horizontal.gap-7x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-7x3px>* {
-        margin-left: 21px;
-}
-
-
-.layout.horizontal.gap-8x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-8x3px>* {
-        margin-left: 24px;
-}
-
-
-.layout.horizontal.gap-9x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-9x3px>* {
-        margin-left: 27px;
-}
-
-
-.layout.horizontal.gap-10x3px>*:first-child {
-        margin-left: 0px;
-}
-
-
-.layout.horizontal.gap-10x3px>* {
-        margin-left: 30px;
-}
-
-
-.layout.horizontal.sameWidths>* {
-        flex: 1 0 0;
-}
-
-
-.layout.horizontal.pixelWidths>* {
-        flex: none;
-}
-
-
-.layout.horizontal.proportionalWidths>* {
-        flex: 1 0;
-}
-
-
-.layout.horizontal.percentWidths>* {
-        flex: 1 0 auto;
-}
-
-
-.layout.horizontal.naturalWidths>* {
-        flex: none;
-}
-
-
-.layout.vertical {
-        align-items: flex-start;
-        flex-direction: column;
-        flex-wrap: nowrap;
-}
-
-
-.layout.vertical>* {
-        flex: 0 1 auto;
-}
-
-
-.layout.vertical.flow {
-        flex-wrap: wrap;
-}
-
-
-.layout.vertical.centered {
-        align-content: center;
-        align-items: center;
-        flex-direction: column;
-        height: 100%;
-        justify-content: center;
-}
-
-
-.layout.vertical.centered>* {
-        flex: 0 0 auto !important;
-}
-
-
-.layout.vertical.tile {
-        flex-wrap: wrap;
-}
-
-
-.layout.vertical.form {
-        width: 100%;
-}
-
-
-.layout.vertical.gap-1x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-1x3px>* {
-        margin-top: 3px;
-}
-
-
-.layout.vertical.gap-2x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-2x3px>* {
-        margin-top: 6px;
-}
-
-
-.layout.vertical.gap-3x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-3x3px>* {
-        margin-top: 9px;
-}
-
-
-.layout.vertical.gap-4x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-4x3px>* {
-        margin-top: 12px;
-}
-
-
-.layout.vertical.gap-5x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-5x3px>* {
-        margin-top: 15px;
-}
-
-
-.layout.vertical.gap-6x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-6x3px>* {
-        margin-top: 18px;
-}
-
-
-.layout.vertical.gap-7x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-7x3px>* {
-        margin-top: 21px;
-}
-
-
-.layout.vertical.gap-8x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-8x3px>* {
-        margin-top: 24px;
-}
-
-
-.layout.vertical.gap-9x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-9x3px>* {
-        margin-top: 27px;
-}
-
-
-.layout.vertical.gap-10x3px>*:first-child {
-        margin-top: 0px;
-}
-
-
-.layout.vertical.gap-10x3px>* {
-        margin-top: 30px;
-}
-
-
-.layout.grid {
-        flex-flow: row wrap;
-        width: 100%;
-}
-
-
-.layout.grid>* {
-        flex: 1 1 auto;
-        max-width: 100%;
-        width: 100%;
-}
-
-
-.layout.grid.gap>* {
-        margin: 5px;
-}
-
-
-.layout.horizontal.itemsSpaceBetween {
-        justify-content: space-between;
-}
-
-
-.layout.vertical.itemsSpaceBetween {
-        justify-content: space-between;
-}
-
-
-.layout.grid.itemsSpaceBetween {
-        justify-content: space-between;
-}
-
-
-.layout.horizontal.itemsSpaceAround {
-        justify-content: space-around;
-}
-
-
-.layout.vertical.itemsSpaceAround {
-        justify-content: space-around;
-}
-
-
-.layout.grid.itemsSpaceAround {
-        justify-content: space-around;
-}
-
-
-.layout.horizontal.itemsSameHeight>*>* {
-        min-height: 100%;
-}
-
-
-.layout.vertical.itemsSameHeight>*>* {
-        min-height: 100%;
-}
-
-
-.layout.grid.itemsSameHeight>*>* {
-        min-height: 100%;
-}
-
-
-.layout.horizontal.itemsExpand {
-        width: 100%;
-}
-
-
-.layout.vertical.itemsExpand {
-        width: 100%;
-}
-
-
-.layout.grid.itemsExpand {
-        width: 100%;
-}
-
-
-.layout.horizontal.itemsExpand>* {
-        flex: 1 0 auto;
-}
-
-
-.layout.vertical.itemsExpand>* {
-        flex: 1 0 auto;
-}
-
-
-.layout.grid.itemsExpand>* {
-        flex: 1 0 auto;
-}
-
-
-.layout.horizontal.itemsCentered {
-        align-items: center;
-}
-
-
-.layout.grid.itemsCentered {
-        align-items: center;
-}
-
-
-.layout.horizontal.itemsTop {
-        align-items: flex-start;
-}
-
-
-.layout.grid.itemsTop {
-        align-items: flex-start;
-}
-
-
-.layout.horizontal.itemsBottom {
-        align-items: flex-end;
-}
-
-
-.layout.grid.itemsBottom {
-        align-items: flex-end;
-}
-
-
-.layout.horizontal.itemsLeft {
-        justify-content: flex-start;
-}
-
-
-.layout.grid.itemsLeft {
-        justify-content: flex-start;
-}
-
-
-.layout.horizontal.itemsCenter {
-        justify-content: center;
-}
-
-
-.layout.grid.itemsCenter {
-        justify-content: center;
-}
-
-
-.layout.horizontal.itemsRight {
-        justify-content: flex-end;
-}
-
-
-.layout.grid.itemsRight {
-        justify-content: flex-end;
-}
-
-
-.layout.vertical.itemsCentered {
-        justify-content: center;
-}
-
-
-.layout.vertical.itemsTop {
-        justify-content: flex-start;
-}
-
-
-.layout.vertical.itemsBottom {
-        justify-content: flex-end;
-}
-
-
-.layout.vertical.itemsLeft {
-        align-items: flex-start;
-}
-
-
-.layout.vertical.itemsCenter {
-        align-items: center;
-}
-
-
-.layout.vertical.itemsRight {
-        align-items: flex-end;
-}
-
-
-.layout.table table {
-        display: table;
-}
-
-
-.visible-phone {
-        display: none !important;
-}
-
-
-.visible-tablet {
-        display: none !important;
-}
-
-
-.visible-desktop {
-        display: none !important;
-}
-
-
-.visible-widescreen {
-        display: none !important;
-}
-
-
-.hidden-phone {
-        display: flex !important;
-}
-
-
-.hidden-tablet {
-        display: flex !important;
-}
-
-
-.hidden-desktop {
-        display: flex !important;
-}
-
-
-.hidden-widescreen {
-        display: flex !important;
-}
-
-
-.jewel.list {
-        -webkit-overflow-scrolling: touch;
-        align-content: flex-start;
-        align-items: stretch;
-        background: linear-gradient(white, #f3f3f3);
-        border-radius: 3px;
-        border: 1px solid #b3b3b3;
-        box-shadow: inset 0 1px 0 white;
-        color: #808080;
-}
-
-
-.jewel.navigation {
-        -webkit-overflow-scrolling: touch;
-        align-content: flex-start;
-        align-items: stretch;
-        background-color: #ffffff;
-}
-
-
-.jewel.list>* {
-        flex: 0 0 auto;
-}
-
-
-.jewel.navigation>* {
-        flex: 0 0 auto;
-}
-
-
-.jewel.list.no-chrome {
-        background: transparent;
-        border: none;
-}
-
-
-.jewel.navigation.no-chrome {
-        background: transparent;
-        border: none;
-}
-
-
-.jewel.list.horizontalScroll {
-        align-items: baseline !important;
-}
-
-
-.jewel.navigation.horizontalScroll {
-        align-items: baseline !important;
-}
-
-
-.jewel.list.horizontalScroll .jewel.item {
-        overflow: initial;
-}
-
-
-.jewel.navigation.horizontalScroll .jewel.item {
-        overflow: initial;
-}
-
-
-.jewel.numericstepper {
-        display: flex;
-        flex-flow: column wrap;
-        height: 38px;
-}
-
-
-.jewel.numericstepper .jewel.spinner {
-        display: none;
-        order: -1;
-}
-
-
-.jewel.numericstepper .jewel.textinput {
-        display: inline-flex;
-        order: 0;
-        width: calc(100% - 33px);
-        z-index: 1;
-}
-
-
-.jewel.numericstepper .jewel.button::after {
-        content: " ";
-        position: absolute;
-}
-
-
-.jewel.numericstepper .jewel.button.up {
-        border-bottom-right-radius: 0px;
-        order: 1;
-        padding: 8.5px 16px;
-}
-
-
-.jewel.numericstepper .jewel.button.down {
-        border-top-right-radius: 0px;
-        border-top-style: groove;
-        order: 2;
-        padding: 8.5px 16px;
-}
-
-
-.jewel.popup {
-        display: inline-flex;
-}
-
-
-.popup-content {
-        bottom: 0;
-        contain: strict;
-        height: 100%;
-        left: 0;
-        overflow: hidden;
-        pointer-events: none;
-        position: fixed;
-        width: 100%;
-        z-index: 40;
-}
-
-
-.popup-content::before {
-        background-color: rgba(0, 0, 0, 0.65);
-        content: "";
-        display: block;
-        height: 100%;
-        left: 0;
-        position: absolute;
-        top: 0;
-        transition: opacity 0.4s 0ms;
-        width: 100%;
-        will-change: opacity;
-}
-
-
-.popup-content .jewel.popupcontent {
-        background: white;
-        border-radius: 10px;
-        border: 0px;
-        bottom: auto;
-        box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
-        display: inline-flex;
-        left: 50%;
-        opacity: 0;
-        padding: 20px;
-        position: relative;
-        top: calc(100% - 10px);
-        touch-action: none;
-        transform: translate(-50%, 100%);
-        transition: none;
-        will-change: transform, opacity;
-}
-
-
-.popup-content.open {
-        pointer-events: auto;
-}
-
-
-.popup-content.open::before {
-        opacity: 1;
-}
-
-
-.popup-content.open .jewel.popupcontent {
-        opacity: 1;
-        transform: translate(-50%, -100%);
-        transition: transform 0.4s 0ms, opacity 0.4s 0ms;
-}
-
-
-.jewel.radiobutton {
-        display: inline-flex;
-        height: auto;
-        margin: 0;
-        padding: 0;
-        position: relative;
-}
-
-
-.jewel.radiobutton input {
-        -moz-appearance: none;
-        -ms-appearance: none;
-        -o-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-        display: inline-flex;
-        height: 22px;
-        line-height: 22px;
-        margin: 0;
-        opacity: 0;
-        padding: 0;
-        width: 22px;
-}
-
-
-.jewel.radiobutton input+span::before {
-        background: linear-gradient(white, #f3f3f3);
-        border-radius: 50%;
-        border: 1px solid #b3b3b3;
-        content: " ";
-        height: 22px;
-        left: 0px;
-        position: absolute;
-        top: 0px;
-        width: 22px;
-}
-
-
-.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='%2329A89F' cx='11' cy='11' r='6'/%3E%3C/svg%3E") no-repeat center center;
-        border-radius: 50%;
-        border: 1px solid transparent;
-        content: " ";
-        height: 22px;
-        left: 0px;
-        opacity: 0;
-        position: absolute;
-        top: 0px;
-        transform: scale(0);
-        transition: all 0.3s ease;
-        width: 22px;
-}
-
-
-.jewel.radiobutton input:checked+span::after {
-        opacity: 1;
-        transform: scale(1);
-}
-
-
-.jewel.radiobutton input:checked:active+span::after {
-        opacity: 1;
-        transform: scale(1);
-}
-
-
-.jewel.radiobutton input:focus+span::before {
-        background: linear-gradient(#88e2dc, #5fd8cf);
-        border-radius: 50%;
-        border: 1px solid #1a6b65;
-        outline: none;
-}
-
-
-.jewel.radiobutton input:checked:focus+span::before {
-        background: linear-gradient(#88e2dc, #5fd8cf);
-        border-radius: 50%;
-        border: 1px solid #1a6b65;
-        outline: none;
-}
-
-
-.jewel.radiobutton input:checked:active:focus+span::before {
-        background: linear-gradient(#88e2dc, #5fd8cf);
-        border-radius: 50%;
-        border: 1px solid #1a6b65;
-        outline: none;
-}
-
-
-.jewel.radiobutton input[disabled]+span {
-        color: silver;
-        cursor: unset;
-}
-
-
-.jewel.radiobutton span {
-        cursor: pointer;
-        font-size: 16px;
-        margin: 0;
-        padding-left: 8px;
-        width: inherit;
-}
-
-
-.jewel.section {
-        display: none;
-        flex-flow: column nowrap;
-        height: 100%;
-}
-
-
-.jewel.section>* {
-        flex: 0 0 auto;
-}
-
-
-.jewel.section.is-selected {
-        display: flex;
-}
-
-
-.jewel.slider {
-        background: none;
-        display: flex !important;
-        flex-direction: row;
-        height: 27px;
-        position: relative;
-}
-
-
-.jewel.slider input {
-        -moz-appearance: none;
-        -ms-appearance: none;
-        -o-appearance: none;
-        -webkit-appearance: none;
-        align-self: center;
-        appearance: none;
-        background: transparent;
-        cursor: pointer;
-        height: 36px;
-        margin: 0 20px;
-        outline: 0;
-        padding: 0;
-        user-select: none;
-        width: calc(100% - 40px);
-        z-index: 1;
-}
-
-
-.jewel.slider input::-webkit-slider-runnable-track {
-        background: transparent;
-}
-
-
-.jewel.slider input::-moz-range-track {
-        background: transparent;
-        border: none;
-}
-
-
-.jewel.slider input::-ms-track {
-        background: none;
-        border: none;
-        color: transparent;
-        height: 6px;
-        width: 100%;
-}
-
-
-.jewel.slider input::-ms-fill-lower {
-        background: linear-gradient(#2cb4ab, #269c93);
-        border-radius: 3px;
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0 1px 0 #5fd8cf;
-        padding: 0;
-}
-
-
-.jewel.slider input::-ms-fill-upper {
-        background: linear-gradient(white, #e6e6e6);
-        border-radius: 3px;
-        border: 1px solid #b3b3b3;
-        padding: 0;
-}
-
-
-.jewel.slider input::-webkit-slider-thumb {
-        -moz-appearance: none;
-        -ms-appearance: none;
-        -o-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-        background: linear-gradient(#2cb4ab, #269c93);
-        border-radius: 50%;
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0 1px 0 #5fd8cf, 0 0 0 1px rgba(255, 255, 255, 0.3);
-        height: 18px;
-        width: 18px;
-}
-
-
-.jewel.slider input::-moz-range-thumb {
-        -moz-appearance: none;
-        -ms-appearance: none;
-        -o-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-        background: linear-gradient(#2cb4ab, #269c93);
-        border-radius: 50%;
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0 1px 0 #5fd8cf, 0 0 0 1px rgba(255, 255, 255, 0.3);
-        height: 18px;
-        width: 18px;
-}
-
-
-.jewel.slider input:focus {
-        outline: none;
-}
-
-
-.jewel.slider input[disabled] {
-        cursor: unset;
-}
-
-
-.jewel.slider input::-ms-tooltip {
-        display: none;
-}
-
-
-.slider-track-container {
-        background: transparent;
-        border: 0;
-        display: flex;
-        height: 6px;
-        left: 0;
-        margin: 0 29px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        top: 50%;
-        transform: translate(0, -3px);
-        width: calc(100% - 58px);
-}
-
-
-.slider-track-fill {
-        background: linear-gradient(#2cb4ab, #269c93);
-        border-radius: 3px;
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0 1px 0 #5fd8cf;
-        flex: 0;
-        padding: 0;
-        position: relative;
-}
-
-
-.slider-track {
-        background: linear-gradient(white, #e6e6e6);
-        border-radius: 3px;
-        border: 1px solid #b3b3b3;
-        flex: 0;
-        padding: 0;
-        position: relative;
-}
-
-
-.vslider {
-        display: inline-block;
-        min-height: 150px;
-        min-width: 27px;
-        position: relative;
-}
-
-
-.vslider .transform-container {
-        display: inline-block;
-        height: 100%;
-        margin-left: calc(50% - 27px/2);
-        position: absolute;
-}
-
-
-.vslider .sizer {
-        height: 100%;
-        visibility: hidden;
-}
-
-
-.vslider .jewel.slider {
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        transform: translate(-50%, -50%) rotate(270deg) translate(-50%, 50%);
-}
-
-
-.vslider .jewel.slider input {
-        margin-left: 0;
-        margin-right: 0;
-        width: 100%;
-}
-
-
-.vslider .slider-track-container {
-        margin: 0;
-        padding-left: 5px;
-        padding-right: 5px;
-        width: 100%;
-}
-
-
-.jewel.tablecell .vslider .transform-container {
-        margin-left: calc(50% - 27px/2*2);
-}
-
-
-.jewel.snackbar {
-        bottom: 0;
-        justify-content: center;
-        position: fixed;
-        transform: translate(0, 100%);
-        transition: transform 0.4s 0ms;
-        width: 100%;
-        will-change: transform;
-        z-index: 40;
-}
-
-
-.jewel.snackbar-content {
-        background: #2C3E50;
-        border-radius: 0.25rem 0.25rem 0px 0px;
-        max-width: 568px;
-        min-width: 288px;
-        padding: 0.68em 1.12em;
-        position: relative;
-}
-
-
-.jewel.snackbar-message {
-        color: #FFFFFF;
-        float: left;
-        margin: 10px;
-}
-
-
-.jewel.snackbar-action {
-        color: #FFD740;
-        cursor: pointer;
-        float: right;
-        padding: 10px;
-}
-
-
-.jewel.tabbar {
-        -ms-overflow-style: -ms-autohiding-scrollbar !important;
-        -webkit-overflow-scrolling: touch;
-        display: flex;
-        overflow-x: scroll;
-        overflow-y: hidden;
-        scrollbar-width: none;
-}
-
-
-.jewel.tabbar::-webkit-scrollbar {
-        background-color: transparent;
-        display: none !important;
-        height: 0 !important;
-        width: 0 !important;
-}
-
-
-.jewel.tabbar::-webkit-scrollbar-thumb {
-        display: none !important;
-}
-
-
-.jewel.tabbar>.content {
-        display: flex;
-        flex: 1 0 auto;
-        position: relative;
-        transform: none;
-        will-change: transform;
-}
-
-
-.jewel.tabbarbutton>.content {
-        align-items: center;
-        display: flex;
-        height: inherit;
-        justify-content: center;
-        padding-bottom: 12px;
-        padding-top: 12px;
-        position: relative;
-}
-
-
-.jewel.tabbarbutton .indicator {
-        display: flex;
-        height: 100%;
-        left: 0;
-        pointer-events: none;
-        position: absolute;
-        top: 0;
-        width: 100%;
-        z-index: 1;
-}
-
-
-.jewel.tabbarbutton .indicator>.indicatorContent {
-        align-self: flex-end;
-        background-color: #29A89F;
-        height: 2px;
-        opacity: 0;
-        width: 100%;
-}
-
-
-.jewel.tabbarbutton.selected .indicator>.indicatorContent {
-        opacity: 1;
-}
-
-
-.jewel.simpletable {
-        background: linear-gradient(white, #f3f3f3);
-        border-radius: 0.25rem;
-        border-spacing: 0px;
-        border: 1px solid #b3b3b3;
-        box-shadow: inset 0 1px 0 white;
-        overflow: hidden;
-        position: relative;
-        white-space: nowrap;
-}
-
-
-.jewel.simpletable .jewel.tableheadercell {
-        background: linear-gradient(white, #f3f3f3);
-        border-left: 1px solid #d9d9d9;
-        box-shadow: inset 0 1px 0 white;
-        color: #808080;
-        font-size: 1em;
-        font-weight: 700;
-        letter-spacing: 0;
-        line-height: normal !important;
-        padding: 12px;
-        position: relative;
-        text-align: left;
-        text-overflow: ellipsis;
-        vertical-align: bottom;
-}
-
-
-.jewel.simpletable .jewel.tbody .jewel.tablerow {
-        position: relative;
-        transition-duration: 0.28s;
-        transition-property: background-color;
-}
-
-
-.jewel.simpletable .jewel.tablecell {
-        border-left: 1px solid #d9d9d9;
-        border-top: 1px solid #d9d9d9;
-        position: relative;
-}
-
-
-.jewel.table table {
-        border-spacing: 0px;
-        width: 100%;
-}
-
-
-.jewel.table .jewel.tableheadercell {
-        background: linear-gradient(white, #f3f3f3);
-        border-bottom: 1px solid #d9d9d9;
-        border-left: 1px solid #d9d9d9;
-        box-shadow: inset 0 1px 0 white;
-        color: #808080;
-        font-size: 1em;
-        font-weight: 700;
-        letter-spacing: 0;
-        line-height: normal !important;
-        padding: 12px;
-        position: relative;
-        text-align: left;
-        text-overflow: ellipsis;
-        vertical-align: bottom;
-}
-
-
-.jewel.table .jewel.tbody .jewel.tablerow {
-        position: relative;
-        transition-duration: 0.28s;
-        transition-property: background-color;
-}
-
-
-.jewel.table .jewel.tablecell {
-        border-left: 1px solid #d9d9d9;
-        border-top: 1px solid #d9d9d9;
-        height: 100%;
-        position: relative;
-}
-
-
-.jewel.table.fixedHeader {
-        overflow-y: auto;
-}
-
-
-.jewel.table.fixedHeader .jewel.tableheadercell {
-        position: sticky;
-        top: 0;
-        z-index: 1;
-}
-
-
-.jewel.tableitem {
-        cursor: auto;
-        height: 100%;
-        letter-spacing: 0;
-        line-height: normal !important;
-        overflow: hidden;
-        text-decoration: none;
-}
-
-
-.jewel.tableitem.selectable {
-        cursor: pointer;
-}
-
-
-.empty-cell {
-        pointer-events: none;
-}
-
-
-.alignTextLeft {
-        text-align: left;
-}
-
-
-.alignTextRight {
-        text-align: right;
-}
-
-
-.alignTextCenter {
-        text-align: center;
-}
-
-
-.jewel.textinput {
-        color: #808080;
-        display: inline-flex;
-        font-weight: 400;
-        overflow: hidden;
-        position: relative;
-}
-
-
-.jewel.textinput::before {
-        content: "";
-        height: 200%;
-        left: calc(50% - 100%);
-        pointer-events: none;
-        position: absolute;
-        top: calc(50% - 100%);
-        width: 200%;
-        z-index: 1;
-}
-
-
-.jewel.textinput::after {
-        content: "";
-        pointer-events: none;
-        position: absolute;
-}
-
-
-.jewel.textinput input {
-        -moz-appearance: none;
-        -ms-appearance: none;
-        -o-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-        background: linear-gradient(white, #f3f3f3);
-        border-radius: 0.25rem;
-        border: 1px solid #b3b3b3;
-        flex: 1 0 auto;
-        height: 100%;
-        line-height: normal !important;
-        margin: 0;
-        max-width: 100%;
-        outline: none;
-        padding: 0.679em 14px;
-        text-align: left;
-        transition-duration: 0.3s;
-        transition-timing-function: easein;
-        width: 100%;
-}
-
-
-.jewel.textinput input[disabled] {
-        background: #f3f3f3;
-        border: 1px solid #d9d9d9;
-        box-shadow: none;
-        color: silver;
-        cursor: unset;
-}
-
-
-.jewel.textinput.icon i.fonticon {
-        cursor: default;
-        left: 14px;
-        margin-top: -6px;
-        pointer-events: none;
-        position: absolute;
-        right: initial;
-        text-align: center;
-        top: 50%;
-}
-
-
-.jewel.textinput.icon i.fonticon.material-icons {
-        left: 10px;
-        margin-top: -0.5em;
-}
-
-
-.jewel.textinput.icon.right i.fonticon {
-        left: initial;
-        right: 14px;
-}
-
-
-.jewel.textinput.truncate input {
-        overflow: hidden;
-        text-overflow: ellipsis;
-}
-
-
-.jewel.textarea {
-        color: #808080;
-        display: inline-flex;
-        font-weight: 400;
-        position: relative;
-}
-
-
-.jewel.textarea textarea {
-        -moz-appearance: none;
-        -ms-appearance: none;
-        -o-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-        background: linear-gradient(white, #f3f3f3);
-        border-radius: 0.25rem;
-        border: 1px solid #b3b3b3;
-        flex: 1 0 auto;
-        line-height: normal !important;
-        margin: 0;
-        max-width: 100%;
-        outline: none;
-        padding: 0.72em 1.12em;
-        resize: none;
-        text-align: left;
-        transition-duration: 0.3s;
-        transition-timing-function: easein;
-}
-
-
-.jewel.textarea textarea[disabled] {
-        background: #f3f3f3;
-        border: 1px solid #d9d9d9;
-        box-shadow: none;
-        color: silver;
-        cursor: unset;
-}
-
-
-.jewel.titlebar {
-        background-color: transparent;
-        min-height: 34px;
-        padding: 0px;
-}
-
-
-.TitleBar {
-}
-
-
-.jewel.togglebutton {
-        align-items: center;
-        background: linear-gradient(#e6e6e6, #cccccc);
-        border-radius: 0.25rem;
-        border: 1px solid #b3b3b3;
-        box-shadow: inset 0 1px 0 white;
-        color: #808080;
-        cursor: pointer;
-        display: inline-flex;
-        font-weight: bold;
-        justify-content: center;
-        line-height: normal !important;
-        margin: 0;
-        outline: none;
-        overflow: hidden;
-        padding: 0.679em 1.12em;
-        position: relative;
-        text-align: center;
-        text-decoration: none;
-        text-shadow: none;
-        text-transform: uppercase;
-        user-select: none;
-        vertical-align: middle;
-        white-space: nowrap;
-}
-
-
-.jewel.togglebutton[disabled] {
-        background: #f3f3f3 !important;
-        border: 1px solid #d9d9d9 !important;
-        box-shadow: none !important;
-        color: silver;
-        cursor: default;
-        font-weight: 400;
-        text-shadow: unset;
-}
-
-
-.jewel.togglebutton .fonticon {
-        cursor: inherit;
-}
-
-
-.jewel.tooltip {
-        animation: slide-up 0.4s ease;
-        background: #404040;
-        border-radius: 0.25em;
-        box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
-        color: #FFFFFF;
-        padding: 6px;
-        pointer-events: none;
-        position: absolute;
-        z-index: 80;
-}
-
-
-.jewel.tooltip.error {
-        background: #EC1C24;
-        margin-top: -31px !important;
-}
-
-
-.jewel.tooltip.error::before {
-        content: "";
-        height: 0;
-        position: absolute;
-        width: 0;
-}
-
-
-.jewel.tooltip.error.left-top::before {
-        margin-top: 0px;
-        top: 100%;
-}
-
-
-.jewel.tooltip.error.middle-top::before {
-        border-bottom: 0;
-        bottom: 0;
-        left: 50%;
-}
-
-
-.jewel.tooltip.error.left-middle::before {
-        border-right: 0;
-        right: 0;
-        top: 50%;
-}
-
-
-.jewel.tooltip.error.right-middle::before {
-        border-left: 0;
-        left: 0;
-        top: 50%;
-}
-
-
-.jewel.tooltip.error.middle-bottom::before {
-        border-top: 0;
-        left: 50%;
-        top: 0;
-}
-
-
-.jewel.topappbar {
-        display: inline-flex;
-        flex: 1 1 auto;
-}
-
-
-.jewel.topappbar .topBarAppHeader {
-        background: linear-gradient(#2ebcb2, #24948c);
-        border-bottom: 1px solid #155651;
-        border-top: 1px solid #4bd3c9;
-        color: #FFFFFF;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        position: fixed;
-        text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
-        width: 100%;
-        z-index: 20;
-}
-
-
-.jewel.topappbar .topBarAppHeader.fixed {
-        transition: box-shadow 200ms linear;
-}
-
-
-.jewel.topappbar .jewel.barrow {
-        display: flex;
-        height: 64px;
-        position: relative;
-        width: 100%;
-}
-
-
-.jewel.topappbar .jewel.barsection {
-        align-items: center;
-        display: inline-flex;
-        flex: 1 1 auto;
-        min-width: 0;
-        order: -1;
-        padding: 8px 12px;
-        z-index: 1;
-}
-
-
-.jewel.topappbar .jewel.barsection button {
-        align-items: center;
-        background: transparent;
-        border: none;
-        box-shadow: none;
-        color: inherit;
-        display: flex;
-        fill: #FFFFFF;
-        flex-shrink: 0;
-        height: 48px;
-        justify-content: center;
-        opacity: 1;
-        outline: none;
-        padding: 12px;
-        position: relative;
-        text-decoration: none;
-        text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
-        width: 48px;
-        will-change: transform, opacity;
-}
-
-
-.jewel.topappbar .jewel.barsection button .fonticon {
-        margin-left: 0px;
-        margin-right: 0px;
-}
-
-
-.jewel.topappbar .jewel.bartitle {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        flex: 1 1 auto;
-        font-size: 1.4em !important;
-        font-weight: 800;
-        letter-spacing: 0.0125em;
-        line-height: 2rem;
-        overflow: hidden;
-        padding-left: 20px;
-        padding-right: 0;
-        text-decoration: inherit;
-        text-overflow: ellipsis;
-        text-transform: inherit;
-        white-space: nowrap;
-        z-index: 1;
-}
-
-
-.jewel.barrow {
-        display: flex;
-        position: relative;
-        width: 100%;
-}
-
-
-.jewel.barsection {
-        align-items: center;
-        display: inline-flex;
-        flex: 1 1 auto;
-        justify-content: flex-start;
-        min-width: 0;
-        order: -1;
-        z-index: 1;
-}
-
-
-.jewel.wizard.main {
-        align-items: center;
-        height: 100%;
-        width: 100%;
-}
-
-
-.jewel.precontent {
-        flex: 1 0;
-        position: relative;
-        width: 100%;
-}
-
-
-.jewel.next {
-        align-items: center;
-        cursor: pointer;
-        flex: 0 0 0%;
-        height: 100%;
-        justify-content: center;
-        min-width: 44px;
-        z-index: 1;
-}
-
-
-.jewel.previous {
-        align-items: center;
-        cursor: pointer;
-        flex: 0 0 0%;
-        height: 100%;
-        justify-content: center;
-        min-width: 44px;
-        z-index: 1;
-}
-
-
-.jewel.next .jewel.button {
-        flex-direction: column;
-        position: relative;
-        width: calc(100% - 10px);
-}
-
-
-.jewel.previous .jewel.button {
-        flex-direction: column;
-        position: relative;
-        width: calc(100% - 10px);
-}
-
-
-.jewel.wizardcontent {
-        flex-grow: 100;
-        height: 100%;
-        position: inherit;
-}
-
-
-.jewel.wizardpage {
-        bottom: 0px;
-        display: none;
-        position: absolute;
-        top: 0px;
-        width: 100%;
-}
-
-
-.jewel.wizardpage>* {
-        margin: auto;
-}
-
-
-.jewel.wizardpage.is-selected {
-        display: block;
-        z-index: 1;
-}
-
-
-.jewel.wizardpage.is-selected.transitions {
-        opacity: 1;
-        transform: translateX(0%);
-}
-
-
-.jewel.wizardpage.transitions {
-        display: block;
-        opacity: 0;
-        transform: translateX(100%);
-        transition: transform 0.6s ease-out, opacity 0.6s ease-out;
-}
-
-
-.jewel.wizardpage.transitions.slideLeft {
-        transform: translateX(-100%);
-}
-
-
-.jewel.wizardpage.transitions.slideRight {
-        transform: translateX(100%);
-}
-
-
-.jewel.main {
-        height: 100%;
-        width: 100%;
-}
-
-
-.has-topappbar {
-        padding-top: 66px !important;
-}
-
-
-.has-footerbar {
-        padding-bottom: 66px !important;
-}
-
-
-.jewel.application {
-        background: #c4cfce;
-        color: #808080;
-        font-family: "Lato", sans-serif;
-        margin: 0px;
-        padding: 0px;
-}
-
-
-select {
-        font-family: inherit;
-}
-
-
-.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.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 .jewel.label {
-        font-color: #29A89F;
-        font-size: 1.45em !important;
-        font-weight: bold;
-}
-
-
-.jewel.alert+.backdrop {
-        background-color: rgba(0, 0, 0, 0.5);
-        opacity: 0;
-        will-change: opacity;
-}
-
-
-.jewel.badge.primary {
-        background: #29A89F;
-        color: #FFFFFF;
-}
-
-
-.jewel.button:hover {
-        background: linear-gradient(#d9d9d9, silver);
-        border: 1px solid #a6a6a6;
-        color: #808080;
-}
-
-
-.jewel.button:hover:focus {
-        background: linear-gradient(#d9d9d9, silver);
-        border: 1px solid #a6a6a6;
-        color: #808080;
-}
-
-
-.jewel.button:active {
-        background: linear-gradient(silver, #a6a6a6);
-        border: 1px solid #8d8d8d;
-        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
-        color: #808080;
-}
-
-
-.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);
-        color: #808080;
-}
-
-
-.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);
-        color: #808080;
-}
-
-
-.jewel.button[disabled]:hover {
-        color: silver;
-}
-
-
-.jewel.button[disabled]:hover:focus {
-        color: silver;
-}
-
-
-.jewel.button.icon {
-        padding: 0.429em 0.87em;
-}
-
-
-.jewel.button.icon span {
-        margin-left: 0px;
-        margin-right: 0px;
-}
-
-
-.jewel.button.left-space span {
-        margin-left: 8px;
-        margin-right: 0px;
-}
-
-
-.jewel.button.right-space span {
-        margin-left: 0px;
-        margin-right: 8px;
-}
-
-
-.jewel.button.primary {
-        background: linear-gradient(#2ebcb2, #24948c);
-        border-radius: 0.25rem;
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0 1px 0 #5fd8cf;
-        color: #FFFFFF;
-        text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
-}
-
-
-.jewel.button.primary:hover {
-        background: linear-gradient(#29A89F, #1f7f78);
-        border: 1px solid #155651;
-        color: #FFFFFF;
-}
-
-
-.jewel.button.primary:hover:focus {
-        background: linear-gradient(#29A89F, #1f7f78);
-        border: 1px solid #155651;
-        color: #FFFFFF;
-}
-
-
-.jewel.button.primary:active {
-        background: linear-gradient(#1f7f78, #155651);
-        border: 1px solid #0b2d2b;
-        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
-        color: #FFFFFF;
-}
-
-
-.jewel.button.primary:active:focus {
-        background: linear-gradient(#1f7f78, #155651);
-        border: 1px solid #0b2d2b;
-        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
-        color: #FFFFFF;
-}
-
-
-.jewel.button.primary:focus {
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
-        color: #FFFFFF;
-}
-
-
-.jewel.button.primary[disabled] {
-        background: #f3f3f3 !important;
-        border: 1px solid #d9d9d9 !important;
-        box-shadow: none !important;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.button.primary[disabled]:hover {
-        color: silver;
-}
-
-
-.jewel.button.primary[disabled]:hover:focus {
-        color: silver;
-}
-
-
-.jewel.button.outlined {
-        background: rgba(179, 179, 179, 0.05);
-        border: 1px solid #999999;
-        box-shadow: none;
-        color: #8d8d8d;
-        text-shadow: none;
-}
-
-
-.jewel.button.outlined:hover {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid #8d8d8d;
-        color: #737373;
-}
-
-
-.jewel.button.outlined:hover:focus {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid #8d8d8d;
-        color: #737373;
-}
-
-
-.jewel.button.outlined:active {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid #858585;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.button.outlined:active:focus {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid #858585;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.button.outlined:focus {
-        border: 1px solid gray;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.button.outlined[disabled] {
-        background: rgba(243, 243, 243, 0.1) !important;
-        border: 1px solid #d9d9d9 !important;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.button.outlined[disabled]:hover {
-        color: silver;
-}
-
-
-.jewel.button.outlined[disabled]:hover:focus {
-        color: silver;
-}
-
-
-.jewel.button.primary.outlined {
-        background: rgba(41, 168, 159, 0.05);
-        border: 1px solid #1f7f78;
-        box-shadow: none;
-        color: #1a6b65;
-        text-shadow: none;
-}
-
-
-.jewel.button.primary.outlined:hover {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid #1a6b65;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.outlined:hover:focus {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid #1a6b65;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.outlined:active {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid #175e59;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.outlined:active:focus {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid #175e59;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.outlined:focus {
-        border: 1px solid #155651;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.outlined[disabled] {
-        background: rgba(243, 243, 243, 0.1) !important;
-        border: 1px solid #d9d9d9 !important;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.button.primary.outlined[disabled]:hover {
-        color: silver;
-}
-
-
-.jewel.button.primary.outlined[disabled]:hover:focus {
-        color: silver;
-}
-
-
-.jewel.button.unboxed {
-        background: rgba(179, 179, 179, 0);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #8d8d8d;
-        text-shadow: none;
-}
-
-
-.jewel.button.unboxed:hover {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid transparent;
-        color: #737373;
-}
-
-
-.jewel.button.unboxed:hover:focus {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid transparent;
-        color: #737373;
-}
-
-
-.jewel.button.unboxed:active {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.button.unboxed:active:focus {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.button.unboxed:focus {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.button.unboxed[disabled] {
-        background: rgba(243, 243, 243, 0) !important;
-        border: 1px solid transparent !important;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.button.unboxed[disabled]:hover {
-        color: silver;
-}
-
-
-.jewel.button.unboxed[disabled]:hover:focus {
-        color: silver;
-}
-
-
-.jewel.button.primary.unboxed {
-        background: rgba(41, 168, 159, 0);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #1a6b65;
-        text-shadow: none;
-}
-
-
-.jewel.button.primary.unboxed:hover {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid transparent;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.unboxed:hover:focus {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid transparent;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.unboxed:active {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.unboxed:active:focus {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.unboxed:focus {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.button.primary.unboxed[disabled] {
-        background: rgba(243, 243, 243, 0) !important;
-        border: 1px solid transparent !important;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.button.primary.unboxed[disabled]:hover {
-        color: silver;
-}
-
-
-.jewel.button.primary.unboxed[disabled]:hover:focus {
-        color: silver;
-}
-
-
-.jewel.card.simple {
-        padding: 20px;
-}
-
-
-.jewel.checkbox input[disabled]+span::before {
-        background: #f3f3f3;
-        border-radius: 3px;
-        border: 1px solid #d9d9d9;
-}
-
-
-.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.combobox .jewel.textinput input {
-        border-radius: 0.25rem 0px 0px 0.25rem;
-}
-
-
-.jewel.combobox .jewel.button {
-        border-bottom-left-radius: 0px;
-        border-left: 0px;
-        border-top-left-radius: 0px;
-        color: transparent;
-}
-
-
-.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%3 [...]
-}
-
-
-.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:focus {
-        border: 1px solid #1a6b65;
-}
-
-
-.jewel.datagrid .jewel.list:focus {
-        border-color: inherit;
-}
-
-
-.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.primary.hovered {
-        background: #3ed0c6;
-}
-
-
-.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected {
-        background: #30c5ba;
-}
-
-
-.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
-        background: #30c5ba;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.button {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell {
-        background: white;
-        border-left: 0px;
-        box-shadow: none;
-        padding: 12px 0px;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow {
-        border-bottom: 1px solid #d9d9d9;
-        padding: 4px;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton {
-        border-radius: 50%;
-        color: transparent;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
-        border-radius: 50%;
-        color: transparent;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:hover {
-        background: #f3f3f3;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:hover {
-        background: #f3f3f3;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:hover {
-        background: #f3f3f3;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector:active {
-        background: #e6e6e6;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton:active {
-        background: #e6e6e6;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton:active {
-        background: #e6e6e6;
-}
-
-
-.jewel.datechooser .jewel.table .jewel.tablecell {
-        border-left: 0px;
-        border-top: 0px;
-        padding: 4px;
-}
-
-
-.jewel.datechooser[disabled] {
-        pointer-events: none;
-}
-
-
-.jewel.datechooser[disabled] .jewel.table {
-        background: #f3f3f3;
-        border: 1px solid #d9d9d9;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.datechooser[disabled] .jewel.table .jewel.button {
-        color: silver;
-        font-weight: normal;
-        text-shadow: unset;
-}
-
-
-.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/pol [...]
-}
-
-
-.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
-        background-size: 40%;
-        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. [...]
-}
-
-
-.jewel.datechooser[disabled] .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
-        background-size: 40%;
-        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. [...]
-}
-
-
-.jewel.datechooser[disabled] .jewel.tableitem {
-        height: 38px;
-}
-
-
-.jewel.datechooser[disabled] .jewel.tableitem.selected {
-        background: #cccccc;
-}
-
-
-.jewel.datechooser[disabled] .jewel.tableitem.selectable:active {
-        background: #cccccc;
-}
-
-
-.calendar.item {
-        font-size: 1em;
-        padding: 10px;
-}
-
-
-.calendar.item.dayName {
-        font-weight: 600;
-}
-
-
-.calendar.item.date {
-        color: grey;
-}
-
-
-.jewel.datefield .jewel.button {
-        border-bottom-left-radius: 0px;
-        border-left: 0px;
-        border-top-left-radius: 0px;
-        color: transparent;
-}
-
-
-.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 [...]
-}
-
-
-.jewel.drawer.float.open .drawermain {
-        transform: none;
-        transition: transform 300ms 0ms;
-}
-
-
-.jewel.drawerfooter .jewel.barsection {
-        padding: 8px 12px;
-}
-
-
-.jewel.drawerfooter .jewel.barsection button {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-        color: inherit;
-        fill: #FFFFFF;
-        padding: 12px;
-        text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
-}
-
-
-.jewel.drawerfooter .jewel.barsection button:hover {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.drawerfooter .jewel.barsection button:hover:focus {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.drawerfooter .jewel.barsection button:active {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.drawerfooter .jewel.barsection button:active:focus {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.drawerfooter .jewel.barsection button:focus {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.drawerfooter .jewel.barsection button[disabled] {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.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/pol [...]
-        border: 1px solid #d9d9d9;
-        box-shadow: none;
-        color: silver;
-}
-
-
-.jewel.dropdownlist[disabled]::placeholder {
-        color: silver;
-}
-
-
-.jewel.dropdownlist[disabled]:-ms-input-placeholder {
-        color: silver;
-}
-
-
-.jewel.dropdownlist[disabled]+i {
-        color: silver;
-}
-
-
-.jewel.dropdownlist:focus {
-        border: 1px solid #1a6b65;
-}
-
-
-.jewel.footerbar .footerBarAppHeader.has-drawer {
-        width: calc(100% - 240px);
-}
-
-
-.jewel.footerbar .jewel.barsection button:hover {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.footerbar .jewel.barsection button:hover:focus {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.footerbar .jewel.barsection button:active {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.footerbar .jewel.barsection button:active:focus {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.footerbar .jewel.barsection button:focus {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.footerbar .jewel.barsection button[disabled] {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.formheading {
-        color: #1f7f78;
-        font-size: 1.4em !important;
-}
-
-
-.jewel.formheading .jewel.label.spacerLabel {
-        width: 115px;
-}
-
-
-.jewel.formheading .jewel.label.requiredSpacerLabel {
-        width: 10px;
-}
-
-
-.jewel.formitem .jewel.label.formlabel {
-        width: 115px;
-}
-
-
-.jewel.formitem .jewel.label.required {
-        color: #EC1C24;
-        font-size: 1.6em !important;
-        width: 10px;
-}
-
-
-.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.hovered {
-        color: #FFFFFF;
-}
-
-
-.jewel.item.selected {
-        color: #FFFFFF;
-}
-
-
-.jewel.item.selectable:active {
-        color: #FFFFFF;
-}
-
-
-.jewel.item.primary.hovered {
-        background: #29A89F;
-}
-
-
-.jewel.item.primary.selected {
-        background: #24948c;
-}
-
-
-.jewel.item.primary.selectable:active {
-        background: #24948c;
-}
-
-
-.jewel.list:focus {
-        border: 1px solid #1a6b65;
-}
-
-
-.jewel.list[disabled] {
-        background: #f3f3f3;
-        border: 1px solid #d9d9d9;
-        box-shadow: none;
-        color: silver;
-        font-weight: normal;
-        pointer-events: none;
-        text-shadow: unset;
-}
-
-
-.jewel.list[disabled] .jewel.item.selected {
-        background: #cccccc !important;
-}
-
-
-.jewel.list[disabled] .jewel.item.selectable:active {
-        background: #cccccc !important;
-}
-
-
-.jewel.loader {
-        border-radius: 50%;
-        border: 16px solid #f3f3f3;
-}
-
-
-.jewel.loader.segment {
-        border-top-color: silver;
-}
-
-
-.jewel.loader.primary.segment {
-        border-top-color: #29A89F;
-}
-
-
-.jewel.navigation .layout.vertical {
-        align-items: stretch;
-}
-
-
-.jewel.navigationlink.hovered {
-        background: #f3f3f3 !important;
-}
-
-
-.jewel.navigationlink .hint.fonticon {
-        margin-left: auto;
-}
-
-
-.jewel.navigationgroup.no-submenu.hovered {
-        background: #f3f3f3 !important;
-}
-
-
-.navigation-section-group {
-        overflow: hidden !important;
-        transition: height 0.5s;
-}
-
-
-.navigation-section-group .navigationlink {
-        padding-left: 34px;
-}
-
-
-.jewel.numericstepper .jewel.textinput input {
-        border-radius: 0.25rem 0px 0px 0.25rem;
-}
-
-
-.jewel.numericstepper .jewel.button {
-        border-left: 0px;
-        border-radius: 0 0.25rem 0.25rem 0;
-        color: transparent;
-        height: 50%;
-        width: 33px;
-}
-
-
-.jewel.numericstepper .jewel.button:hover {
-        color: transparent;
-}
-
-
-.jewel.numericstepper .jewel.button:hover:focus {
-        color: transparent;
-}
-
-
-.jewel.numericstepper .jewel.button:active {
-        color: transparent;
-}
-
-
-.jewel.numericstepper .jewel.button:active:focus {
-        color: transparent;
-}
-
-
-.jewel.numericstepper .jewel.button.up::after {
-        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='%2329A89F' 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;
-        height: 7px;
-        width: 12px;
-}
-
-
-.jewel.numericstepper .jewel.button.down::after {
-        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='%2329A89F' 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 [...]
-        height: 7px;
-        width: 12px;
-}
-
-
-.jewel.radiobutton input[disabled]+span::before {
-        background: #f3f3f3;
-        border-radius: 50%;
-        border: 1px solid #d9d9d9;
-}
-
-
-.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.slider input::-ms-thumb {
-        background: linear-gradient(#2cb4ab, #269c93);
-        border-radius: 50%;
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0 1px 0 #5fd8cf, 0 0 0 1px rgba(255, 255, 255, 0.3);
-        height: 18px;
-        width: 18px;
-}
-
-
-.jewel.slider input:active::-webkit-slider-thumb {
-        transform: scale(1.4);
-}
-
-
-.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 {
-        background: #f3f3f3;
-        border: 1px solid silver;
-        box-shadow: none;
-}
-
-
-.jewel.slider input[disabled]::-moz-range-thumb {
-        background: #f3f3f3;
-        border: 1px solid silver;
-        box-shadow: none;
-}
-
-
-.jewel.slider input[disabled]::-ms-thumb {
-        background: #f3f3f3;
-        border: 1px solid silver;
-        box-shadow: none;
-}
-
-
-.jewel.slider input[disabled]:active::-webkit-slider-thumb {
-        transform: scale(1);
-}
-
-
-.jewel.slider input[disabled]:active::-moz-range-thumb {
-        transform: scale(1);
-}
-
-
-.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;
-}
-
-
-.jewel.snackbar.open {
-        transform: translate(0);
-        transition: transform 0.4s 0ms;
-}
-
-
-.jewel.snackbar.primary .jewel.snackbar-content {
-        background: linear-gradient(#2ebcb2, #24948c);
-        border-bottom: none;
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0 1px 0 #5fd8cf;
-}
-
-
-.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(#29A89F, #1f7f78);
-}
-
-
-.jewel.snackbar-action:hover {
-        background-color: #3C4E60;
-}
-
-
-.jewel.tabbar.sameWidths .content>* {
-        flex: 1 0 0%;
-}
-
-
-.jewel.tabbarbutton.hovered {
-        background: rgba(41, 168, 159, 0.2);
-}
-
-
-.jewel.tabbarbutton.selected {
-        background: rgba(41, 168, 159, 0.4);
-        color: #1a6b65;
-}
-
-
-.jewel.tabbarbutton.selectable:active {
-        background: rgba(41, 168, 159, 0.4);
-        color: #1a6b65;
-}
-
-
-.jewel.simpletable .jewel.tableheadercell:first-of-type {
-        border-left: 0px;
-}
-
-
-.jewel.simpletable .jewel.tablecell:first-of-type {
-        border-left: 0px;
-}
-
-
-.jewel.simpletable .jewel.tablecell>* {
-        padding: 12px;
-}
-
-
-.jewel.simpletable .jewel.tfoot .jewel.tablecell {
-        background: linear-gradient(white, white);
-        border-left: 0px;
-        box-shadow: inset 0 1px 0 white;
-}
-
-
-.jewel.table {
-        background: linear-gradient(white, #f3f3f3);
-        border-radius: 0.25rem;
-        border: 1px solid #b3b3b3;
-        box-shadow: inset 0 1px 0 white;
-}
-
-
-.jewel.table .jewel.tableheadercell:first-of-type {
-        border-left: 0px;
-}
-
-
-.jewel.table .jewel.tablerow:first-child .jewel.tablecell {
-        border-top: 0px solid transparent;
-}
-
-
-.jewel.table .jewel.tablecell:first-of-type {
-        border-left: 0px;
-}
-
-
-.jewel.table .jewel.tfoot .jewel.tablecell {
-        background: linear-gradient(white, white);
-        border-left: 0px;
-        box-shadow: inset 0 1px 0 white;
-}
-
-
-.jewel.tableitem.hovered {
-        background: #29A89F;
-        color: #FFFFFF;
-}
-
-
-.jewel.tableitem.selected {
-        background: #24948c;
-        color: #FFFFFF;
-}
-
-
-.jewel.tableitem.selectable:active {
-        background: #24948c;
-        color: #FFFFFF;
-}
-
-
-.jewel.tableitem.calendar {
-        border-radius: 4px;
-}
-
-
-.jewel.tableitem.calendar.selected {
-        font-weight: bold;
-}
-
-
-a:link {
-        color: #29A89F;
-}
-
-
-a:active {
-        color: #1a6b65;
-}
-
-
-.primary-lightest {
-        color: #b1ece8;
-}
-
-
-.primary-light {
-        color: #5fd8cf;
-}
-
-
-.primary-normal {
-        color: #29A89F;
-}
-
-
-.primary-dark {
-        color: #155651;
-}
-
-
-.primary-darkest {
-        color: #010404;
-}
-
-
-.weight-lightest {
-        font-weight: 100;
-}
-
-
-.weight-light {
-        font-weight: 300;
-}
-
-
-.weight-regular {
-        font-weight: 400;
-}
-
-
-.weight-bold {
-        font-weight: 600;
-}
-
-
-.weight-bolder {
-        font-weight: 800;
-}
-
-
-h1 {
-        font-size: 2em;
-        margin: 0.8rem 0rem;
-}
-
-
-h2 {
-        font-size: 2em;
-        margin: 0.58rem 0rem;
-}
-
-
-h3 {
-        font-size: 1.5em;
-        margin: 0.408rem 0rem;
-}
-
-
-h4 {
-        font-size: 1.25em;
-        margin: 0.35rem 0rem;
-}
-
-
-h5 {
-        font-size: 1em;
-        margin: 0.2rem 0rem;
-}
-
-
-span {
-        font-size: 1em;
-}
-
-
-div {
-        font-size: 14px;
-}
-
-
-.jewel.textinput input:focus {
-        border: 1px solid #1a6b65;
-}
-
-
-.jewel.textinput input::placeholder {
-        color: #a6a6a6;
-}
-
-
-.jewel.textinput input:-ms-input-placeholder {
-        color: #a6a6a6;
-}
-
-
-.jewel.textinput input[disabled]::placeholder {
-        color: silver;
-}
-
-
-.jewel.textinput input[disabled]:-ms-input-placeholder {
-        color: silver;
-}
-
-
-.jewel.textinput input[disabled]+i {
-        color: silver;
-}
-
-
-.jewel.textinput.icon input {
-        padding-left: 42px;
-        padding-right: 14px;
-}
-
-
-.jewel.textinput.icon.right input {
-        padding-left: 14px;
-        padding-right: 42px;
-}
-
-
-.jewel.textinput.icon.right i.fonticon.material-icons {
-        right: 10px;
-}
-
-
-.jewel.textinput.errorBorder input {
-        border: 1px #EC1C24 solid;
-}
-
-
-.jewel.textarea textarea:focus {
-        border: 1px solid #1a6b65;
-}
-
-
-.jewel.textarea textarea::placeholder {
-        color: #a6a6a6;
-}
-
-
-.jewel.textarea textarea:-ms-input-placeholder {
-        color: #a6a6a6;
-}
-
-
-.jewel.textarea textarea[disabled]::placeholder {
-        color: silver;
-}
-
-
-.jewel.textarea textarea[disabled]:-ms-input-placeholder {
-        color: silver;
-}
-
-
-.jewel.togglebutton:hover {
-        background: linear-gradient(#d9d9d9, silver);
-        border: 1px solid #a6a6a6;
-        color: #808080;
-}
-
-
-.jewel.togglebutton:hover:focus {
-        background: linear-gradient(#d9d9d9, silver);
-        border: 1px solid #a6a6a6;
-        color: #808080;
-}
-
-
-.jewel.togglebutton:active {
-        background: linear-gradient(silver, #a6a6a6);
-        border: 1px solid #8d8d8d;
-        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
-        color: #808080;
-}
-
-
-.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);
-        color: #808080;
-}
-
-
-.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);
-        color: #808080;
-}
-
-
-.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);
-        color: #808080;
-}
-
-
-.jewel.togglebutton.icon {
-        padding: 0.429em 0.87em;
-}
-
-
-.jewel.togglebutton.icon i {
-        margin-left: 0px;
-        margin-right: 0px;
-}
-
-
-.jewel.togglebutton.left-space i {
-        margin-left: 0px;
-        margin-right: 8px;
-}
-
-
-.jewel.togglebutton.right-space i {
-        margin-left: 8px;
-        margin-right: 0px;
-}
-
-
-.jewel.togglebutton.primary {
-        background: linear-gradient(#2ebcb2, #24948c);
-        border-radius: 0.25rem;
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0 1px 0 #5fd8cf;
-        color: #FFFFFF;
-        text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
-}
-
-
-.jewel.togglebutton.primary:hover {
-        background: linear-gradient(#29A89F, #1f7f78);
-        border: 1px solid #155651;
-        color: #FFFFFF;
-}
-
-
-.jewel.togglebutton.primary:hover:focus {
-        background: linear-gradient(#29A89F, #1f7f78);
-        border: 1px solid #155651;
-        color: #FFFFFF;
-}
-
-
-.jewel.togglebutton.primary:active {
-        background: linear-gradient(#1f7f78, #155651);
-        border: 1px solid #0b2d2b;
-        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
-        color: #FFFFFF;
-}
-
-
-.jewel.togglebutton.primary:active:focus {
-        background: linear-gradient(#1f7f78, #155651);
-        border: 1px solid #0b2d2b;
-        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
-        color: #FFFFFF;
-}
-
-
-.jewel.togglebutton.primary:focus {
-        border: 1px solid #1a6b65;
-        box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
-        color: #FFFFFF;
-}
-
-
-.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(#1f7f78, #155651);
-        border: 1px solid #0b2d2b;
-        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
-        color: #FFFFFF;
-}
-
-
-.jewel.togglebutton.outlined {
-        background: rgba(179, 179, 179, 0.05);
-        border: 1px solid #999999;
-        box-shadow: none;
-        color: #8d8d8d;
-        text-shadow: none;
-}
-
-
-.jewel.togglebutton.outlined:hover {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid #8d8d8d;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.outlined:hover:focus {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid #8d8d8d;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.outlined:active {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid #858585;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.outlined:active:focus {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid #858585;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.outlined:focus {
-        border: 1px solid gray;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.outlined[disabled] {
-        background: rgba(243, 243, 243, 0.1) !important;
-        border: 1px solid #d9d9d9 !important;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.togglebutton.outlined.selected {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid #858585;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.primary.outlined {
-        background: rgba(41, 168, 159, 0.05);
-        border: 1px solid #1f7f78;
-        box-shadow: none;
-        color: #1a6b65;
-        text-shadow: none;
-}
-
-
-.jewel.togglebutton.primary.outlined:hover {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid #1a6b65;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.outlined:hover:focus {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid #1a6b65;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.outlined:active {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid #175e59;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.outlined:active:focus {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid #175e59;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.outlined:focus {
-        border: 1px solid #155651;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.outlined[disabled] {
-        background: rgba(243, 243, 243, 0.1) !important;
-        border: 1px solid #d9d9d9 !important;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.togglebutton.primary.outlined.selected {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid #175e59;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.unboxed {
-        background: rgba(179, 179, 179, 0);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #8d8d8d;
-        text-shadow: none;
-}
-
-
-.jewel.togglebutton.unboxed:hover {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid transparent;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.unboxed:hover:focus {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid transparent;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.unboxed:active {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.unboxed:active:focus {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.unboxed:focus {
-        background: rgba(179, 179, 179, 0.15);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.unboxed[disabled] {
-        background: rgba(243, 243, 243, 0) !important;
-        border: 1px solid transparent !important;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.togglebutton.unboxed.selected {
-        background: rgba(179, 179, 179, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #737373;
-}
-
-
-.jewel.togglebutton.primary.unboxed {
-        background: rgba(41, 168, 159, 0);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #1a6b65;
-        text-shadow: none;
-}
-
-
-.jewel.togglebutton.primary.unboxed:hover {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid transparent;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.unboxed:hover:focus {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid transparent;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.unboxed:active {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.unboxed:active:focus {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.unboxed:focus {
-        background: rgba(41, 168, 159, 0.15);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.togglebutton.primary.unboxed[disabled] {
-        background: rgba(243, 243, 243, 0) !important;
-        border: 1px solid transparent !important;
-        color: silver;
-        text-shadow: unset;
-}
-
-
-.jewel.togglebutton.primary.unboxed.selected {
-        background: rgba(41, 168, 159, 0.25);
-        border: 1px solid transparent;
-        box-shadow: none;
-        color: #10423e;
-}
-
-
-.jewel.tooltip::before {
-        border: solid 8px transparent;
-}
-
-
-.jewel.tooltip.left-top::before {
-        border-top-color: #EC1C24;
-        left: 8px;
-}
-
-
-.jewel.tooltip.middle-top::before {
-        border-top-color: #EC1C24;
-        margin-bottom: -8px;
-        margin-left: -8px;
-}
-
-
-.jewel.tooltip.left-middle::before {
-        border-left-color: #EC1C24;
-        margin-right: -8px;
-        margin-top: -8px;
-}
-
-
-.jewel.tooltip.right-middle::before {
-        border-right-color: #EC1C24;
-        margin-left: -8px;
-        margin-top: -8px;
-}
-
-
-.jewel.tooltip.middle-bottom::before {
-        border-bottom-color: #EC1C24;
-        margin-left: -8px;
-        margin-top: -8px;
-}
-
-
-.jewel.topappbar .topBarAppHeader.has-drawer {
-        width: calc(100% - 240px);
-}
-
-
-.jewel.topappbar .jewel.barsection button:hover {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.topappbar .jewel.barsection button:hover:focus {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.topappbar .jewel.barsection button:active {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.topappbar .jewel.barsection button:active:focus {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.topappbar .jewel.barsection button:focus {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.topappbar .jewel.barsection button[disabled] {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-}
-
-
-.jewel.label.wizardTitle {
-        color: #29A89F;
-        font-size: 2em !important;
-}
-
-
-.jewel.next:hover {
-        background: rgba(0, 0, 0, 0.1);
-        border-radius: 5px;
-}
-
-
-.jewel.previous:hover {
-        background: rgba(0, 0, 0, 0.1);
-        border-radius: 5px;
-}
-
-
-@media all and (-ms-high-contrast: none) {
-    .jewel.alert {
-    display: table;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .jewel.alert {
-    min-width: 450px;
-    }
-}
-
-
-@media (max-width: 767px) {
-    .combobox-popup .jewel.list {
-    max-height: 240px !important;
-    width: 98% !important;
-    }
-}
-
-
-@media (max-width: 767px) {
-    .combobox-popup .jewel.list .jewel.item {
-    min-height: 48px !important;
-    }
-}
-
-
-@media (min-width: 767px) {
-    .combobox-popup::before {
-    background-color: rgba(0, 0, 0, 0);
-    }
-}
-
-
-@media (min-width: 767px) {
-    .combobox-popup .jewel.list {
-    box-shadow: none !important;
-    transform: none;
-    transition: none;
-    }
-}
-
-
-@media (min-width: 767px) {
-    .combobox-popup .jewel.list .jewel.item {
-    overflow: hidden;
-    transition: height 200ms ease-in;
-    }
-}
-
-
-@media (min-width: 767px) {
-    .combobox-popup.open .jewel.list {
-    left: auto;
-    top: auto;
-    transform: none;
-    }
-}
-
-
-@media (min-width: 767px) {
-    .combobox-popup.open .jewel.list .jewel.item {
-    min-height: 34px;
-    }
-}
-
-
-@media (max-width: 768px) {
-    .datechooser-popup .jewel.table {
-    width: calc(100% - 20px);
-    }
-}
-
-
-@media (min-width: 768px) and (max-width: 992px) {
-    .datechooser-popup .jewel.table {
-    width: calc(100% - 300px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .datechooser-popup::before {
-    background-color: rgba(0, 0, 0, 0);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .datechooser-popup .jewel.table {
-    box-shadow: none !important;
-    transform: none;
-    transition: none;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .datechooser-popup .jewel.table .jewel.item {
-    height: 0;
-    overflow: hidden;
-    transition: height 200ms ease-in;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .datechooser-popup.open .jewel.table {
-    left: auto;
-    top: auto;
-    transform: none;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .datechooser-popup.open .jewel.table .jewel.item {
-    height: 34px;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .jewel.drawer.float .drawermain {
-    max-width: 310px;
-    width: calc(100% - 60px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-1 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-2 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-2 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-3 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-3 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-3 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-4 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-4 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-4 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-4-4 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-5 {
-    width: 20%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-5 {
-    width: 40%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-5 {
-    width: 60%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-4-5 {
-    width: 80%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-5-5 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-6 {
-    width: 16.6666666667%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-6 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-6 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-4-6 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-5-6 {
-    width: 83.3333333333%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-6-6 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-7 {
-    width: 14.2857142857%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-7 {
-    width: 28.5714285714%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-7 {
-    width: 42.8571428571%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-4-7 {
-    width: 57.1428571429%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-5-7 {
-    width: 71.4285714286%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-6-7 {
-    width: 85.7142857143%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-7-7 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-8 {
-    width: 12.5%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-8 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-8 {
-    width: 37.5%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-4-8 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-5-8 {
-    width: 62.5%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-6-8 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-7-8 {
-    width: 87.5%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-8-8 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-9 {
-    width: 11.1111111111%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-9 {
-    width: 22.2222222222%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-9 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-4-9 {
-    width: 44.4444444444%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-5-9 {
-    width: 55.5555555556%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-6-9 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-7-9 {
-    width: 77.7777777778%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-8-9 {
-    width: 88.8888888889%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-9-9 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-10 {
-    width: 10%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-10 {
-    width: 20%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-10 {
-    width: 30%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-4-10 {
-    width: 40%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-5-10 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-6-10 {
-    width: 60%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-7-10 {
-    width: 70%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-8-10 {
-    width: 80%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-9-10 {
-    width: 90%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-10-10 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-11 {
-    width: 9.0909090909%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-11 {
-    width: 18.1818181818%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-11 {
-    width: 27.2727272727%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-4-11 {
-    width: 36.3636363636%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-5-11 {
-    width: 45.4545454545%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-6-11 {
-    width: 54.5454545455%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-7-11 {
-    width: 63.6363636364%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-8-11 {
-    width: 72.7272727273%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-9-11 {
-    width: 81.8181818182%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-10-11 {
-    width: 90.9090909091%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-11-11 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-1-12 {
-    width: 8.3333333333%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-2-12 {
-    width: 16.6666666667%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-3-12 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-4-12 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-5-12 {
-    width: 41.6666666667%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-6-12 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-7-12 {
-    width: 58.3333333333%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-8-12 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-9-12 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-10-12 {
-    width: 83.3333333333%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-11-12 {
-    width: 91.6666666667%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid .phone-col-12-12 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-1 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-2 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-2 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-3 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-3 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-3 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-4 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-4 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-4 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-4-4 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-5 {
-    width: 20%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-5 {
-    width: 40%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-5 {
-    width: 60%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-4-5 {
-    width: 80%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-5-5 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-6 {
-    width: 16.6666666667%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-6 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-6 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-4-6 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-5-6 {
-    width: 83.3333333333%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-6-6 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-7 {
-    width: 14.2857142857%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-7 {
-    width: 28.5714285714%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-7 {
-    width: 42.8571428571%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-4-7 {
-    width: 57.1428571429%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-5-7 {
-    width: 71.4285714286%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-6-7 {
-    width: 85.7142857143%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-7-7 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-8 {
-    width: 12.5%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-8 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-8 {
-    width: 37.5%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-4-8 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-5-8 {
-    width: 62.5%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-6-8 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-7-8 {
-    width: 87.5%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-8-8 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-9 {
-    width: 11.1111111111%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-9 {
-    width: 22.2222222222%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-9 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-4-9 {
-    width: 44.4444444444%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-5-9 {
-    width: 55.5555555556%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-6-9 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-7-9 {
-    width: 77.7777777778%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-8-9 {
-    width: 88.8888888889%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-9-9 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-10 {
-    width: 10%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-10 {
-    width: 20%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-10 {
-    width: 30%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-4-10 {
-    width: 40%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-5-10 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-6-10 {
-    width: 60%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-7-10 {
-    width: 70%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-8-10 {
-    width: 80%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-9-10 {
-    width: 90%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-10-10 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-11 {
-    width: 9.0909090909%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-11 {
-    width: 18.1818181818%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-11 {
-    width: 27.2727272727%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-4-11 {
-    width: 36.3636363636%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-5-11 {
-    width: 45.4545454545%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-6-11 {
-    width: 54.5454545455%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-7-11 {
-    width: 63.6363636364%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-8-11 {
-    width: 72.7272727273%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-9-11 {
-    width: 81.8181818182%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-10-11 {
-    width: 90.9090909091%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-11-11 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-1-12 {
-    width: 8.3333333333%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-2-12 {
-    width: 16.6666666667%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-3-12 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-4-12 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-5-12 {
-    width: 41.6666666667%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-6-12 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-7-12 {
-    width: 58.3333333333%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-8-12 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-9-12 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-10-12 {
-    width: 83.3333333333%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-11-12 {
-    width: 91.6666666667%;
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid .tablet-col-12-12 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-1 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-2 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-2 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-3 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-3 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-3 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-4 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-4 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-4 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-4-4 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-5 {
-    width: 20%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-5 {
-    width: 40%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-5 {
-    width: 60%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-4-5 {
-    width: 80%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-5-5 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-6 {
-    width: 16.6666666667%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-6 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-6 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-4-6 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-5-6 {
-    width: 83.3333333333%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-6-6 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-7 {
-    width: 14.2857142857%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-7 {
-    width: 28.5714285714%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-7 {
-    width: 42.8571428571%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-4-7 {
-    width: 57.1428571429%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-5-7 {
-    width: 71.4285714286%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-6-7 {
-    width: 85.7142857143%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-7-7 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-8 {
-    width: 12.5%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-8 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-8 {
-    width: 37.5%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-4-8 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-5-8 {
-    width: 62.5%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-6-8 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-7-8 {
-    width: 87.5%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-8-8 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-9 {
-    width: 11.1111111111%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-9 {
-    width: 22.2222222222%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-9 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-4-9 {
-    width: 44.4444444444%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-5-9 {
-    width: 55.5555555556%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-6-9 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-7-9 {
-    width: 77.7777777778%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-8-9 {
-    width: 88.8888888889%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-9-9 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-10 {
-    width: 10%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-10 {
-    width: 20%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-10 {
-    width: 30%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-4-10 {
-    width: 40%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-5-10 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-6-10 {
-    width: 60%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-7-10 {
-    width: 70%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-8-10 {
-    width: 80%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-9-10 {
-    width: 90%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-10-10 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-11 {
-    width: 9.0909090909%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-11 {
-    width: 18.1818181818%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-11 {
-    width: 27.2727272727%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-4-11 {
-    width: 36.3636363636%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-5-11 {
-    width: 45.4545454545%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-6-11 {
-    width: 54.5454545455%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-7-11 {
-    width: 63.6363636364%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-8-11 {
-    width: 72.7272727273%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-9-11 {
-    width: 81.8181818182%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-10-11 {
-    width: 90.9090909091%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-11-11 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-1-12 {
-    width: 8.3333333333%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-2-12 {
-    width: 16.6666666667%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-3-12 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-4-12 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-5-12 {
-    width: 41.6666666667%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-6-12 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-7-12 {
-    width: 58.3333333333%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-8-12 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-9-12 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-10-12 {
-    width: 83.3333333333%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-11-12 {
-    width: 91.6666666667%;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid .desktop-col-12-12 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-1 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-2 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-2 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-3 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-3 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-3 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-4 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-4 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-4 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-4-4 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-5 {
-    width: 20%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-5 {
-    width: 40%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-5 {
-    width: 60%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-4-5 {
-    width: 80%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-5-5 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-6 {
-    width: 16.6666666667%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-6 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-6 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-4-6 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-5-6 {
-    width: 83.3333333333%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-6-6 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-7 {
-    width: 14.2857142857%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-7 {
-    width: 28.5714285714%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-7 {
-    width: 42.8571428571%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-4-7 {
-    width: 57.1428571429%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-5-7 {
-    width: 71.4285714286%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-6-7 {
-    width: 85.7142857143%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-7-7 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-8 {
-    width: 12.5%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-8 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-8 {
-    width: 37.5%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-4-8 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-5-8 {
-    width: 62.5%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-6-8 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-7-8 {
-    width: 87.5%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-8-8 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-9 {
-    width: 11.1111111111%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-9 {
-    width: 22.2222222222%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-9 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-4-9 {
-    width: 44.4444444444%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-5-9 {
-    width: 55.5555555556%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-6-9 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-7-9 {
-    width: 77.7777777778%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-8-9 {
-    width: 88.8888888889%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-9-9 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-10 {
-    width: 10%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-10 {
-    width: 20%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-10 {
-    width: 30%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-4-10 {
-    width: 40%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-5-10 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-6-10 {
-    width: 60%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-7-10 {
-    width: 70%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-8-10 {
-    width: 80%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-9-10 {
-    width: 90%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-10-10 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-11 {
-    width: 9.0909090909%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-11 {
-    width: 18.1818181818%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-11 {
-    width: 27.2727272727%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-4-11 {
-    width: 36.3636363636%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-5-11 {
-    width: 45.4545454545%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-6-11 {
-    width: 54.5454545455%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-7-11 {
-    width: 63.6363636364%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-8-11 {
-    width: 72.7272727273%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-9-11 {
-    width: 81.8181818182%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-10-11 {
-    width: 90.9090909091%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-11-11 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-1-12 {
-    width: 8.3333333333%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-2-12 {
-    width: 16.6666666667%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-3-12 {
-    width: 25%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-4-12 {
-    width: 33.3333333333%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-5-12 {
-    width: 41.6666666667%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-6-12 {
-    width: 50%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-7-12 {
-    width: 58.3333333333%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-8-12 {
-    width: 66.6666666667%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-9-12 {
-    width: 75%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-10-12 {
-    width: 83.3333333333%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-11-12 {
-    width: 91.6666666667%;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid .widescreen-col-12-12 {
-    width: 100%;
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-1 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-2 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-2 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-3 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-3 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-3 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-4 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-4 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-4 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-4-4 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-5 {
-    width: calc(20% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-5 {
-    width: calc(40% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-5 {
-    width: calc(60% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-4-5 {
-    width: calc(80% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-5-5 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-6 {
-    width: calc(16.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-6 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-6 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-4-6 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-5-6 {
-    width: calc(83.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-6-6 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-7 {
-    width: calc(14.2857142857% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-7 {
-    width: calc(28.5714285714% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-7 {
-    width: calc(42.8571428571% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-4-7 {
-    width: calc(57.1428571429% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-5-7 {
-    width: calc(71.4285714286% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-6-7 {
-    width: calc(85.7142857143% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-7-7 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-8 {
-    width: calc(12.5% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-8 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-8 {
-    width: calc(37.5% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-4-8 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-5-8 {
-    width: calc(62.5% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-6-8 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-7-8 {
-    width: calc(87.5% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-8-8 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-9 {
-    width: calc(11.1111111111% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-9 {
-    width: calc(22.2222222222% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-9 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-4-9 {
-    width: calc(44.4444444444% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-5-9 {
-    width: calc(55.5555555556% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-6-9 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-7-9 {
-    width: calc(77.7777777778% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-8-9 {
-    width: calc(88.8888888889% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-9-9 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-10 {
-    width: calc(10% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-10 {
-    width: calc(20% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-10 {
-    width: calc(30% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-4-10 {
-    width: calc(40% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-5-10 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-6-10 {
-    width: calc(60% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-7-10 {
-    width: calc(70% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-8-10 {
-    width: calc(80% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-9-10 {
-    width: calc(90% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-10-10 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-11 {
-    width: calc(9.0909090909% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-11 {
-    width: calc(18.1818181818% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-11 {
-    width: calc(27.2727272727% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-4-11 {
-    width: calc(36.3636363636% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-5-11 {
-    width: calc(45.4545454545% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-6-11 {
-    width: calc(54.5454545455% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-7-11 {
-    width: calc(63.6363636364% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-8-11 {
-    width: calc(72.7272727273% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-9-11 {
-    width: calc(81.8181818182% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-10-11 {
-    width: calc(90.9090909091% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-11-11 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-1-12 {
-    width: calc(8.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-2-12 {
-    width: calc(16.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-3-12 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-4-12 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-5-12 {
-    width: calc(41.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-6-12 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-7-12 {
-    width: calc(58.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-8-12 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-9-12 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-10-12 {
-    width: calc(83.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-11-12 {
-    width: calc(91.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 0px) {
-    .layout.grid.gap .phone-col-12-12 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-1 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-2 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-2 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-3 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-3 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-3 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-4 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-4 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-4 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-4-4 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-5 {
-    width: calc(20% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-5 {
-    width: calc(40% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-5 {
-    width: calc(60% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-4-5 {
-    width: calc(80% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-5-5 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-6 {
-    width: calc(16.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-6 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-6 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-4-6 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-5-6 {
-    width: calc(83.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-6-6 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-7 {
-    width: calc(14.2857142857% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-7 {
-    width: calc(28.5714285714% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-7 {
-    width: calc(42.8571428571% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-4-7 {
-    width: calc(57.1428571429% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-5-7 {
-    width: calc(71.4285714286% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-6-7 {
-    width: calc(85.7142857143% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-7-7 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-8 {
-    width: calc(12.5% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-8 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-8 {
-    width: calc(37.5% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-4-8 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-5-8 {
-    width: calc(62.5% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-6-8 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-7-8 {
-    width: calc(87.5% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-8-8 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-9 {
-    width: calc(11.1111111111% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-9 {
-    width: calc(22.2222222222% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-9 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-4-9 {
-    width: calc(44.4444444444% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-5-9 {
-    width: calc(55.5555555556% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-6-9 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-7-9 {
-    width: calc(77.7777777778% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-8-9 {
-    width: calc(88.8888888889% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-9-9 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-10 {
-    width: calc(10% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-10 {
-    width: calc(20% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-10 {
-    width: calc(30% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-4-10 {
-    width: calc(40% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-5-10 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-6-10 {
-    width: calc(60% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-7-10 {
-    width: calc(70% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-8-10 {
-    width: calc(80% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-9-10 {
-    width: calc(90% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-10-10 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-11 {
-    width: calc(9.0909090909% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-11 {
-    width: calc(18.1818181818% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-11 {
-    width: calc(27.2727272727% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-4-11 {
-    width: calc(36.3636363636% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-5-11 {
-    width: calc(45.4545454545% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-6-11 {
-    width: calc(54.5454545455% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-7-11 {
-    width: calc(63.6363636364% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-8-11 {
-    width: calc(72.7272727273% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-9-11 {
-    width: calc(81.8181818182% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-10-11 {
-    width: calc(90.9090909091% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-11-11 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-1-12 {
-    width: calc(8.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-2-12 {
-    width: calc(16.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-3-12 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-4-12 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-5-12 {
-    width: calc(41.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-6-12 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-7-12 {
-    width: calc(58.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-8-12 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-9-12 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-10-12 {
-    width: calc(83.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-11-12 {
-    width: calc(91.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 768px) {
-    .layout.grid.gap .tablet-col-12-12 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-1 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-2 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-2 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-3 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-3 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-3 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-4 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-4 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-4 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-4-4 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-5 {
-    width: calc(20% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-5 {
-    width: calc(40% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-5 {
-    width: calc(60% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-4-5 {
-    width: calc(80% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-5-5 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-6 {
-    width: calc(16.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-6 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-6 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-4-6 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-5-6 {
-    width: calc(83.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-6-6 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-7 {
-    width: calc(14.2857142857% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-7 {
-    width: calc(28.5714285714% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-7 {
-    width: calc(42.8571428571% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-4-7 {
-    width: calc(57.1428571429% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-5-7 {
-    width: calc(71.4285714286% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-6-7 {
-    width: calc(85.7142857143% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-7-7 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-8 {
-    width: calc(12.5% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-8 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-8 {
-    width: calc(37.5% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-4-8 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-5-8 {
-    width: calc(62.5% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-6-8 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-7-8 {
-    width: calc(87.5% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-8-8 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-9 {
-    width: calc(11.1111111111% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-9 {
-    width: calc(22.2222222222% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-9 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-4-9 {
-    width: calc(44.4444444444% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-5-9 {
-    width: calc(55.5555555556% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-6-9 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-7-9 {
-    width: calc(77.7777777778% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-8-9 {
-    width: calc(88.8888888889% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-9-9 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-10 {
-    width: calc(10% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-10 {
-    width: calc(20% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-10 {
-    width: calc(30% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-4-10 {
-    width: calc(40% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-5-10 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-6-10 {
-    width: calc(60% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-7-10 {
-    width: calc(70% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-8-10 {
-    width: calc(80% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-9-10 {
-    width: calc(90% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-10-10 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-11 {
-    width: calc(9.0909090909% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-11 {
-    width: calc(18.1818181818% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-11 {
-    width: calc(27.2727272727% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-4-11 {
-    width: calc(36.3636363636% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-5-11 {
-    width: calc(45.4545454545% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-6-11 {
-    width: calc(54.5454545455% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-7-11 {
-    width: calc(63.6363636364% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-8-11 {
-    width: calc(72.7272727273% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-9-11 {
-    width: calc(81.8181818182% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-10-11 {
-    width: calc(90.9090909091% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-11-11 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-1-12 {
-    width: calc(8.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-2-12 {
-    width: calc(16.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-3-12 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-4-12 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-5-12 {
-    width: calc(41.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-6-12 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-7-12 {
-    width: calc(58.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-8-12 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-9-12 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-10-12 {
-    width: calc(83.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-11-12 {
-    width: calc(91.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .layout.grid.gap .desktop-col-12-12 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-1 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-2 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-2 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-3 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-3 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-3 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-4 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-4 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-4 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-4-4 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-5 {
-    width: calc(20% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-5 {
-    width: calc(40% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-5 {
-    width: calc(60% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-4-5 {
-    width: calc(80% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-5-5 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-6 {
-    width: calc(16.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-6 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-6 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-4-6 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-5-6 {
-    width: calc(83.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-6-6 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-7 {
-    width: calc(14.2857142857% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-7 {
-    width: calc(28.5714285714% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-7 {
-    width: calc(42.8571428571% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-4-7 {
-    width: calc(57.1428571429% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-5-7 {
-    width: calc(71.4285714286% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-6-7 {
-    width: calc(85.7142857143% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-7-7 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-8 {
-    width: calc(12.5% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-8 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-8 {
-    width: calc(37.5% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-4-8 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-5-8 {
-    width: calc(62.5% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-6-8 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-7-8 {
-    width: calc(87.5% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-8-8 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-9 {
-    width: calc(11.1111111111% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-9 {
-    width: calc(22.2222222222% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-9 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-4-9 {
-    width: calc(44.4444444444% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-5-9 {
-    width: calc(55.5555555556% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-6-9 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-7-9 {
-    width: calc(77.7777777778% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-8-9 {
-    width: calc(88.8888888889% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-9-9 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-10 {
-    width: calc(10% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-10 {
-    width: calc(20% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-10 {
-    width: calc(30% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-4-10 {
-    width: calc(40% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-5-10 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-6-10 {
-    width: calc(60% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-7-10 {
-    width: calc(70% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-8-10 {
-    width: calc(80% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-9-10 {
-    width: calc(90% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-10-10 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-11 {
-    width: calc(9.0909090909% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-11 {
-    width: calc(18.1818181818% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-11 {
-    width: calc(27.2727272727% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-4-11 {
-    width: calc(36.3636363636% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-5-11 {
-    width: calc(45.4545454545% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-6-11 {
-    width: calc(54.5454545455% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-7-11 {
-    width: calc(63.6363636364% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-8-11 {
-    width: calc(72.7272727273% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-9-11 {
-    width: calc(81.8181818182% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-10-11 {
-    width: calc(90.9090909091% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-11-11 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-1-12 {
-    width: calc(8.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-2-12 {
-    width: calc(16.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-3-12 {
-    width: calc(25% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-4-12 {
-    width: calc(33.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-5-12 {
-    width: calc(41.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-6-12 {
-    width: calc(50% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-7-12 {
-    width: calc(58.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-8-12 {
-    width: calc(66.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-9-12 {
-    width: calc(75% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-10-12 {
-    width: calc(83.3333333333% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-11-12 {
-    width: calc(91.6666666667% - 10px);
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .layout.grid.gap .widescreen-col-12-12 {
-    width: calc(100% - 10px);
-    }
-}
-
-
-@media (max-width: 767px) {
-    .visible-phone {
-    display: block !important;
-    }
-}
-
-
-@media (max-width: 767px) {
-    .hidden-phone {
-    display: none !important;
-    }
-}
-
-
-@media (min-width: 768px) and (max-width: 991px) {
-    .visible-tablet {
-    display: block !important;
-    }
-}
-
-
-@media (min-width: 768px) and (max-width: 991px) {
-    .hidden-tablet {
-    display: none !important;
-    }
-}
-
-
-@media (min-width: 992px) and (max-width: 1599px) {
-    .visible-desktop {
-    display: block !important;
-    }
-}
-
-
-@media (min-width: 992px) and (max-width: 1599px) {
-    .hidden-desktop {
-    display: none !important;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .visible-widescreen {
-    display: block !important;
-    }
-}
-
-
-@media (min-width: 1600px) {
-    .hidden-widescreen {
-    display: none !important;
-    }
-}
-
-
-@media (max-width: 992px) {
-    .jewel.numericstepper {
-    flex-flow: row nowrap;
-    }
-}
-
-
-@media (max-width: 992px) {
-    .jewel.numericstepper .jewel.textinput {
-    order: 1;
-    }
-}
-
-
-@media (max-width: 992px) {
-    .jewel.numericstepper .jewel.button.up {
-    order: 2;
-    }
-}
-
-
-@media (max-width: 992px) {
-    .jewel.numericstepper .jewel.button.down {
-    order: 0;
-    }
-}
-
-
-@media (max-width: 768px) {
-    .popup-content .jewel.popupcontent {
-    width: calc(100% - 20px);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .popup-content .jewel.popupcontent {
-    transform: translate(-50%, -60%);
-    }
-}
-
-
-@media (min-width: 992px) {
-    .popup-content.open .jewel.popupcontent {
-    left: 50%;
-    margin-right: -50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    }
-}
-
-
-@media (max-width: 992px) {
-    .jewel.snackbar-content {
-    max-width: 100%;
-    width: 100%;
-    }
-}
-
-
-@media (max-width: 992px) {
-    .jewel.numericstepper .jewel.textinput input {
-    border-radius: 0;
-    }
-}
-
-
-@media (max-width: 992px) {
-    .jewel.numericstepper .jewel.button.up {
-    border-radius: 0 0.25rem 0.25rem 0;
-    border: 1px solid #b3b3b3;
-    height: 100%;
-    margin-left: -1px;
-    }
-}
-
-
-@media (max-width: 992px) {
-    .jewel.numericstepper .jewel.button.down {
-    border-radius: 0.25rem 0 0 0.25rem;
-    border-top-style: solid;
-    border: 1px solid #b3b3b3;
-    height: 100%;
-    margin-right: -1px;
-    }
-}
-
-
-@media (min-width: 992px) {
-    .popup-content .jewel.popupcontent {
-    box-shadow: none !important;
-    }
-}
-
-
-@media (max-width: 992px) {
-    .jewel.snackbar-content {
-    border-radius: 0px;
-    }
-}
-
-
-@media (min-width: 992px) and (max-width: 1200px) {
-    .jewel {
-    font-size: 100%;
-    }
-}
-
-
-@media (min-width: 992px) and (max-width: 1200px) {
-    h1 {
-    font-size: 2em;
-    }
-}
-
-
-@media (min-width: 992px) and (max-width: 1200px) {
-    h2 {
-    font-size: 2em;
-    }
-}
-
-
-@media (min-width: 992px) and (max-width: 1200px) {
-    h3 {
-    font-size: 1.5em;
-    }
-}
-
-
-@media (min-width: 992px) and (max-width: 1200px) {
-    h4 {
-    font-size: 1.25em;
-    }
-}
-
-
-@media (min-width: 992px) and (max-width: 1200px) {
-    h5 {
-    font-size: 1em;
-    }
-}
-
-
-@media (min-width: 768px) and (max-width: 992px) {
-    .jewel {
-    font-size: 99%;
-    }
-}
-
-
-@media (min-width: 768px) and (max-width: 992px) {
-    h1 {
-    font-size: 1.9em;
-    }
-}
-
-
-@media (min-width: 768px) and (max-width: 992px) {
-    h2 {
-    font-size: 1.9em;
-    }
-}
-
-
-@media (min-width: 768px) and (max-width: 992px) {
-    h3 {
-    font-size: 1.4em;
-    }
-}
-
-
-@media (min-width: 768px) and (max-width: 992px) {
-    h4 {
-    font-size: 1.1em;
-    }
-}
-
-
-@media (min-width: 768px) and (max-width: 992px) {
-    h5 {
-    font-size: 0.98em;
-    }
-}
-
-
-@media (min-width: 0px) and (max-width: 768px) {
-    .jewel {
-    font-size: 97%;
-    }
-}
-
-
-@media (min-width: 0px) and (max-width: 768px) {
-    h1 {
-    font-size: 1.7em;
-    }
-}
-
-
-@media (min-width: 0px) and (max-width: 768px) {
-    h2 {
-    font-size: 1.7em;
-    }
-}
-
-
-@media (min-width: 0px) and (max-width: 768px) {
-    h3 {
-    font-size: 1.3em;
-    }
-}
-
-
-@media (min-width: 0px) and (max-width: 768px) {
-    h4 {
-    font-size: 1em;
-    }
-}
-
-
-@media (min-width: 0px) and (max-width: 768px) {
-    h5 {
-    font-size: 0.97em;
-    }
-}
-
-
diff --git a/blog-examples/BE0011_Loading_external_data_through_HTTPService/BE0011_Loading_external_data_through_HTTPService.js b/blog-examples/BE0011_Loading_external_data_through_HTTPService/BE0011_Loading_external_data_through_HTTPService.js
index fb9026c..3e6d6a0 100644
--- a/blog-examples/BE0011_Loading_external_data_through_HTTPService/BE0011_Loading_external_data_through_HTTPService.js
+++ b/blog-examples/BE0011_Loading_external_data_through_HTTPService/BE0011_Loading_external_data_through_HTTPService.js
@@ -1,8337 +1,576 @@
-/**
- * Generated by Apache Royale Compiler from BE0011_Loading_external_data_through_HTTPService.mxml
- * BE0011_Loading_external_data_through_HTTPService
- *
- * @fileoverview
- *
- * @suppress {missingRequire|checkTypes|accessControls}
- */
-
-goog.provide('BE0011_Loading_external_data_through_HTTPService');
-goog.require('org.apache.royale.events.Event');
-goog.require('org.apache.royale.events.MouseEvent');
-goog.require('org.apache.royale.html.beads.ContainerView');
-goog.require('org.apache.royale.html.beads.GroupView');
-goog.require('org.apache.royale.html.beads.GroupView');
-goog.require('org.apache.royale.html.beads.GroupView');
-goog.require('org.apache.royale.html.beads.GroupView');
-goog.require('org.apache.royale.html.beads.models.ViewportModel');
-goog.require('org.apache.royale.html.beads.models.ViewportModel');
-goog.require('org.apache.royale.html.beads.models.ViewportModel');
-goog.require('org.apache.royale.html.beads.models.ViewportModel');
-goog.require('org.apache.royale.html.beads.models.ViewportModel');
-goog.require('org.apache.royale.html.elements.Code');
-goog.require('org.apache.royale.html.elements.H3');
-goog.require('org.apache.royale.html.elements.Pre');
-goog.require('org.apache.royale.jewel.Alert');
-goog.require('org.apache.royale.jewel.Application');
-goog.require('org.apache.royale.jewel.Button');
-goog.require('org.apache.royale.jewel.Card');
-goog.require('org.apache.royale.jewel.Label');
-goog.require('org.apache.royale.jewel.View');
-goog.require('org.apache.royale.jewel.beads.controllers.AlertController');
-goog.require('org.apache.royale.jewel.beads.layouts.BasicLayout');
-goog.require('org.apache.royale.jewel.beads.layouts.BasicLayout');
-goog.require('org.apache.royale.jewel.beads.layouts.HorizontalLayout');
-goog.require('org.apache.royale.jewel.beads.layouts.HorizontalLayout');
-goog.require('org.apache.royale.jewel.beads.layouts.HorizontalLayout');
-goog.require('org.apache.royale.jewel.beads.layouts.NullLayout');
-goog.require('org.apache.royale.jewel.beads.layouts.VerticalCenteredLayout');
-goog.require('org.apache.royale.jewel.beads.layouts.VerticalLayout');
-goog.require('org.apache.royale.jewel.beads.layouts.VerticalLayout');
-goog.require('org.apache.royale.jewel.beads.layouts.ViewLayout');
-goog.require('org.apache.royale.jewel.beads.models.AlertModel');
-goog.require('org.apache.royale.jewel.beads.models.TextModel');
-goog.require('org.apache.royale.jewel.beads.models.TitleBarModel');
-goog.require('org.apache.royale.jewel.beads.views.AlertView');
-goog.require('org.apache.royale.jewel.beads.views.TitleBarView');
-goog.require('org.apache.royale.jewel.supportClasses.Viewport');
-goog.require('org.apache.royale.jewel.supportClasses.Viewport');
-goog.require('org.apache.royale.jewel.supportClasses.Viewport');
-goog.require('org.apache.royale.jewel.supportClasses.Viewport');
-goog.require('org.apache.royale.jewel.supportClasses.Viewport');
-goog.require('org.apache.royale.jewel.supportClasses.card.CardActions');
-goog.require('org.apache.royale.jewel.supportClasses.card.CardHeader');
-goog.require('org.apache.royale.jewel.supportClasses.card.CardPrimaryContent');
-goog.require('org.apache.royale.jewel.supportClasses.scrollbar.ScrollingViewport');
-goog.require('services.GitHubService');
-goog.require('org.apache.royale.jewel.Application');
-goog.require('org.apache.royale.debugging.assert');
-goog.require('org.apache.royale.utils.ClassSelectorList');
-goog.require('org.apache.royale.utils.StringUtil');
-goog.require('org.apache.royale.core.IStyleObject');
-goog.require('org.apache.royale.utils.MXMLDataInterpreter');
-goog.require('org.apache.royale.html.beads.layouts.LayoutChangeNotifier');
-goog.require('org.apache.royale.core.AllCSSValuesImpl');
-goog.require('org.apache.royale.utils.StringTrimmer');
-goog.require('org.apache.royale.net.HTTPHeader');
-goog.require('org.apache.royale.utils.string.trim');
-goog.require('org.apache.royale.core.layout.MarginData');
-goog.require('org.apache.royale.core.IStatesImpl');
-goog.require('org.apache.royale.core.IMeasurementBead');
-goog.require('org.apache.royale.html.util.addElementToWrapper');
-goog.require('org.apache.royale.core.styles.BorderStyles');
-goog.require('org.apache.royale.binding.MXMLBeadViewDataBinding');
-goog.require('org.apache.royale.utils.string.Base64');
-goog.require('org.apache.royale.net.HTTPService');
-goog.require('org.apache.royale.utils.CSSUtils');
-goog.require('org.apache.royale.binding.SimpleBinding');
-goog.require('org.apache.royale.geom.Point');
-goog.require('org.apache.royale.binding.GenericBinding');
-goog.require('org.apache.royale.jewel.ControlBar');
-goog.require('org.apache.royale.utils.PointUtils');
-goog.require('org.apache.royale.binding.ConstantBinding');
-goog.require('org.apache.royale.utils.html.getStyle');
-goog.require('org.apache.royale.core.ContainerBaseStrandChildren');
-goog.require('org.apache.royale.utils.loadBeadFromValuesManager');
-goog.require('org.apache.royale.events.CloseEvent');
-goog.require('org.apache.royale.jewel.VGroup');
-goog.require('org.apache.royale.binding.PropertyWatcher');
-goog.require('org.apache.royale.events.getTargetWrapper');
-goog.require('org.apache.royale.utils.sendEvent');
-goog.require('org.apache.royale.core.layout.ILayoutChildren');
-goog.require('org.apache.royale.jewel.beads.layouts.GapConstants');
-goog.require('org.apache.royale.events.ValueEvent');
-goog.require('org.apache.royale.geom.Size');
-goog.require('org.apache.royale.conversions.createEventInit');
-goog.require('org.apache.royale.net.HTTPConstants');
-goog.require('org.apache.royale.utils.sendStrandEvent');
-goog.require('org.apache.royale.core.layout.LayoutData');
-goog.require('org.apache.royale.states.State');
-goog.require('org.apache.royale.utils.StringPadder');
-goog.require('org.apache.royale.jewel.beads.views.AlertTitleBarView');
-goog.require('org.apache.royale.utils.string.splitAndTrim');
-goog.require('org.apache.royale.jewel.TitleBar');
-goog.require('org.apache.royale.core.ValuesManager');
-goog.require('org.apache.royale.events.ValueChangeEvent');
-goog.require('org.apache.royale.utils.Timer');
-goog.require('org.apache.royale.core.IContentView');
-/* Royale Dependency List: services.GitHubService,org.apache.royale.jewel.View,org.apache.royale.jewel.beads.layouts.VerticalCenteredLayout,org.apache.royale.jewel.Card,org.apache.royale.jewel.supportClasses.card.CardHeader,org.apache.royale.html.elements.H3,org.apache.royale.jewel.supportClasses.card.CardPrimaryContent,org.apache.royale.jewel.Label,org.apache.royale.html.elements.Pre,org.apache.royale.jewel.supportClasses.scrollbar.ScrollingViewport,org.apache.royale.html.elements.Code, [...]
-
-goog.require('org.apache.royale.jewel.Application');
-
-
-
-/**
- * @constructor
- * @extends {org.apache.royale.jewel.Application}
- */
-BE0011_Loading_external_data_through_HTTPService = function() {
-  BE0011_Loading_external_data_through_HTTPService.base(this, 'constructor');
-  
-  /**
-   * @private
-   * @type {services.GitHubService}
-   */
-  this.service_;
-  
-  /**
-   * @private
-   * @type {org.apache.royale.jewel.View}
-   */
-  this.$ID_8_10;
-  
-  /**
-   * @private
-   * @type {org.apache.royale.jewel.beads.layouts.VerticalCenteredLayout}
-   */
-  this.$ID_8_0;
-  
-  /**
-   * @private
-   * @type {org.apache.royale.jewel.Card}
-   */
-  this.$ID_8_9;
-  
-  /**
-   * @private
-   * @type {org.apache.royale.jewel.supportClasses.card.CardHeader}
-   */
-  this.$ID_8_2;
-  
-  /**
-   * @private
-   * @type {org.apache.royale.html.elements.H3}
-   */
-  this.$ID_8_1;
-  
-  /**
-   * @private
... 8969 lines suppressed ...