/* 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;
}


.DataItemRenderer {
}


.Group {
}


.HashRouter {
}


.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 {
}


.responsive-view {
        display: inline-flex;
        height: 100%;
        width: 100%;
}


.Group {
}


.jewel.group {
        overflow: visible;
}


.HGroup {
}


.VGroup {
}


.Grid {
}


.GridCell {
}


.Container {
}


.HContainer {
}


.VContainer {
}


.Image {
}


.DataContainer {
}


.Validator {
}


.Form {
        gap: 3;
}


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: white;
        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: #3CADF1;
        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;
}


.ButtonBar {
}


.IconButtonBar {
}


.ToggleButtonBar {
}


.jewel.card {
        background: white;
        border-radius: 0.25rem;
        border: 1px solid #d2dadf;
        font-size: 1em;
        font-weight: 400;
        min-height: 52px;
        min-width: 120px;
        position: relative;
}


.jewel.card .card-header {
        border-bottom: 1px solid #d2dadf;
        padding: 12px 20px;
        width: 100%;
}


.jewel.card .card-header .card-title {
        flex: 1 1 auto;
        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 #d2dadf;
        color: inherit;
        outline: none;
        padding: 18px 20px;
        position: relative;
        text-decoration: none;
        width: 100%;
}


.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='%233CADF1' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
        border-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(#cbe9fb, #9bd5f8);
        border-radius: 3px;
        border: 1px solid #0f88d1;
        outline: none;
}


.jewel.checkbox input:checked:focus+span::before {
        background: linear-gradient(#cbe9fb, #9bd5f8);
        border-radius: 3px;
        border: 1px solid #0f88d1;
        outline: none;
}


.jewel.checkbox input:checked:active:focus+span::before {
        background: linear-gradient(#cbe9fb, #9bd5f8);
        border-radius: 3px;
        border: 1px solid #0f88d1;
        outline: none;
}


.jewel.checkbox input[disabled]+span {
        color: silver;
        cursor: unset;
}


.jewel.checkbox span {
        cursor: pointer;
        margin: auto;
        padding-left: 8px;
        width: inherit;
}


.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='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
        content: " ";
        height: 22px;
        left: calc(50% - 8px);
        position: absolute;
        top: calc(50% - 11px);
        width: 14px;
}


.ComboBox {
}


.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.3s 0ms, opacity 0.3s 0ms;
}


.ComboBoxPopUp {
}


.VirtualComboBox {
}


.VirtualComboBoxPopUp {
}


.jewel.datagrid {
        background: linear-gradient(white, #f3f3f3);
        border-bottom: 1px solid #b3b3b3;
        border-radius: 0.25rem;
        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 {
        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: 0px;
        flex: 1 1 auto;
        width: 100%;
}


.jewel.datagrid .jewel.list.column {
        border-bottom-width: 0px;
        border-radius: 0px;
        box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
        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;
        box-shadow: none;
        width: 100%;
}


.jewel.datagrid span:empty:before {
        content: "\200b";
}


.DataGrid {
}


.DataGridListArea {
}


.DataGridColumnList {
}


.DataGridButtonBar {
}


.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='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        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.4822102,17.0014648 C14.1196233,16.9113382 14.3962441,16.8099967 14.5762939,16.6435547 C14.7563438,16.4771126 14.9881385,16.1084637 15.0074566,15.5914935 L10.0769967,11.0034834 L14.9911518,6.4116803 Z' fill='%233CADF1' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
        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.4822102,17.0014648 C14.1196233,16.9113382 14.3962441,16.8099967 14.5762939,16.6435547 C14.7563438,16.4771126 14.9881385,16.1084637 15.0074566,15.5914935 L10.0769967,11.0034834 L14.9911518,6.4116803 Z' fill='%233CADF1' fill-rule='nonzero' transform='translate(11.009058, 11.001587) scale(-1, 1) translate(-11.009058, -11.001587) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
        content: " ";
        height: 14px;
        left: calc(50% - 5px);
        position: absolute;
        top: calc(50% - 7px);
        width: 14px;
}


.DateChooser {
}


.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.83333333,4.58333333 L1.83333333,19.25 C1.83333333,20.2583333 2.65833333,21.0833333 3.66666667,21.0833333 L18.3333333,21.0833333 C19.3416667,21.0833333 20.1666667,20.2583333 20.1666667,19.25 L20.1666667,4.58333333 C20.1666667,3.575 19.3416667,2.75 18.3333333,2.75 Z M18.3333333,19.25 L3.66666667,19.25 L3.66666667,7.33333333 L18.3333333,7.33333333 L18.3333333,19.25 Z' fill='%233CADF1' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
        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;
}


.DateField {
}


.jewel.divider {
        border-bottom-color: #d9d9d9;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        height: 0;
        margin: 0;
}


.Divider {
}


.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(#54b7f3, #24a3ef);
        border-bottom: 1px solid #0d79ba;
        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%;
}


.Drawer {
}


.DrawerHeader {
}


.DrawerContent {
}


.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='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        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;
}


.DropDownList {
}


.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(10, 90, 138, 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;
}


.FooterBar {
}


.jewel.formheading .jewel.label.headingLabel {
        flex: 1 1 auto;
        white-space: initial;
}


.FormHeading {
        gap: 2;
}


.FormItem {
        gap: 2;
        items-vertical-align: itemsCentered;
}


.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;
}


.ImageButton {
}


.jewel.item {
        background: transparent;
        cursor: auto;
        flex-shrink: 0;
        letter-spacing: 0;
        line-height: normal !important;
        list-style: none;
        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;
        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;
        flex-shrink: 0;
        flex: 1 0 auto !important;
        font-size: 1em;
        font-weight: 600;
        letter-spacing: 0.1em;
        line-height: normal !important;
        list-style: none;
        margin: 0;
        outline: none;
        overflow: initial;
        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;
}


.ListItemRenderer {
}


.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;
}


.List {
}


.VirtualList {
}


.Navigation {
}


.NavigationLinkItemRenderer {
}


.CollapsibleNavigationSectionRenderer {
}


.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;
}


.NumericStepper {
}


.Spinner {
}


.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;
}


.PopUp {
}


.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='%233CADF1' 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(#cbe9fb, #9bd5f8);
        border-radius: 50%;
        border: 1px solid #0f88d1;
        outline: none;
}


.jewel.radiobutton input:checked:focus+span::before {
        background: linear-gradient(#cbe9fb, #9bd5f8);
        border-radius: 50%;
        border: 1px solid #0f88d1;
        outline: none;
}


.jewel.radiobutton input:checked:active:focus+span::before {
        background: linear-gradient(#cbe9fb, #9bd5f8);
        border-radius: 50%;
        border: 1px solid #0f88d1;
        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;
}


.SectionContent {
}


.ScrollableSectionContent {
}


.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(#4ab3f2, #2ea7f0);
        border-radius: 3px;
        border: 1px solid #0f88d1;
        box-shadow: inset 0 1px 0 #9bd5f8;
        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(#4ab3f2, #2ea7f0);
        border-radius: 50%;
        border: 1px solid #0f88d1;
        box-shadow: inset 0 1px 0 #9bd5f8, 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(#4ab3f2, #2ea7f0);
        border-radius: 50%;
        border: 1px solid #0f88d1;
        box-shadow: inset 0 1px 0 #9bd5f8, 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(#4ab3f2, #2ea7f0);
        border-radius: 3px;
        border: 1px solid #0f88d1;
        box-shadow: inset 0 1px 0 #9bd5f8;
        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;
}


.HSlider {
}


.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;
}


.Snackbar {
}


.jewel.tabbar {
        -ms-overflow-style: -ms-autohiding-scrollbar !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        transform: none;
        will-change: transform;
}


.jewel.tabbar::-webkit-scrollbar {
        background-color: transparent;
        display: none !important;
        height: 0 !important;
        width: 0 !important;
}


.jewel.tabbar::-webkit-scrollbar-thumb {
        display: none !important;
}


.TabBar {
        items-expand: true;
}


.jewel.tabbarbutton>.content {
        align-items: center;
        display: flex;
        height: inherit;
}


.jewel.tabbarbutton ._internal_ {
        position: absolute;
}


.jewel.tabbarbutton .indicator {
        display: flex;
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
}


.jewel.tabbarbutton .indicator>.indicator-content {
        align-self: flex-end;
        background-color: #3CADF1;
        opacity: 0;
}


.jewel.tabbarbutton.indicator-opposite-side .indicator>.indicator-content {
        align-self: flex-start;
}


.jewel.tabbarbutton.selected .indicator>.indicator-content {
        opacity: 1;
}


.jewel.tabbar.layout.horizontal ._internal_ {
        bottom: 0;
}


.jewel.tabbar.layout.horizontal .indicator>.indicator-content {
        height: 2px;
        width: 100%;
}


.jewel.tabbar.layout.horizontal .indicator-opposite-side ._internal_ {
        bottom: initial;
        top: 0;
}


.jewel.tabbar.layout.horizontal .indicator-opposite-side .indicator>.indicator-content {
        bottom: initial;
}


.jewel.tabbar.layout.vertical ._internal_ {
        right: 0;
}


.jewel.tabbar.layout.vertical .indicator>.indicator-content {
        height: 100%;
        position: absolute;
        right: 0;
        width: 2px;
}


.jewel.tabbar.layout.vertical .indicator-opposite-side ._internal_ {
        left: 0;
        right: initial;
}


.jewel.tabbar.layout.vertical .indicator-opposite-side .indicator>.indicator-content {
        right: initial;
}


.TabBarButtonItemRenderer {
}


.TabBarContent {
}


.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;
}


.SimpleTable {
}


.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;
}


.Table {
}


.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;
}


.TableItemRenderer {
}


.TBody {
}


.THead {
}


.TFoot {
}


.TableCell {
}


.TableRow {
}


.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: auto;
        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;
}


.TextInput {
}


.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;
}


.TextArea {
}


.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-color: #f8dce0;
        background: #f8dce0;
        border-bottom: 1px solid #f8dce0;
        border-top: 1px solid #f8dce0;
        color: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: fixed;
        text-shadow: 0 -1px 0 #f8dce0;
        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(10, 90, 138, 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;
}


.TopAppBar {
}


.BarRow {
}


.BarTitle {
}


.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%);
}


.Wizard {
        gap: 3;
        items-vertical-align: itemsCentered;
}


.WizardContent {
}


.WizardPage {
}


.jewel.main {
        height: 100%;
        width: 100%;
}


.has-topappbar {
        padding-top: 66px !important;
}


.has-footerbar {
        padding-bottom: 66px !important;
}


.ApplicationMainContent {
}


.jewel.application {
        background: #f5f8fa;
        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: #3CADF1;
        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: #3CADF1;
        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(#54b7f3, #24a3ef);
        border-radius: 0.25rem;
        border: 1px solid #0f88d1;
        box-shadow: inset 0 1px 0 #9bd5f8;
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
}


.jewel.button.primary:hover {
        background: linear-gradient(#3CADF1, #1198e9);
        border: 1px solid #0d79ba;
        color: #FFFFFF;
}


.jewel.button.primary:hover:focus {
        background: linear-gradient(#3CADF1, #1198e9);
        border: 1px solid #0d79ba;
        color: #FFFFFF;
}


.jewel.button.primary:active {
        background: linear-gradient(#1198e9, #0d79ba);
        border: 1px solid #0a5a8a;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.button.primary:active:focus {
        background: linear-gradient(#1198e9, #0d79ba);
        border: 1px solid #0a5a8a;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.button.primary:focus {
        border: 1px solid #0f88d1;
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
        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(60, 173, 241, 0.05);
        border: 1px solid #1198e9;
        box-shadow: none;
        color: #0f88d1;
        text-shadow: none;
}


.jewel.button.primary.outlined:hover {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid #0f88d1;
        color: #0c69a2;
}


.jewel.button.primary.outlined:hover:focus {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid #0f88d1;
        color: #0c69a2;
}


.jewel.button.primary.outlined:active {
        background: rgba(60, 173, 241, 0.25);
        border: 1px solid #0e7fc3;
        box-shadow: none;
        color: #0c69a2;
}


.jewel.button.primary.outlined:active:focus {
        background: rgba(60, 173, 241, 0.25);
        border: 1px solid #0e7fc3;
        box-shadow: none;
        color: #0c69a2;
}


.jewel.button.primary.outlined:focus {
        border: 1px solid #0d79ba;
        box-shadow: none;
        color: #0c69a2;
}


.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(60, 173, 241, 0);
        border: 1px solid transparent;
        box-shadow: none;
        color: #0f88d1;
        text-shadow: none;
}


.jewel.button.primary.unboxed:hover {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid transparent;
        color: #0c69a2;
}


.jewel.button.primary.unboxed:hover:focus {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid transparent;
        color: #0c69a2;
}


.jewel.button.primary.unboxed:active {
        background: rgba(60, 173, 241, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #0c69a2;
}


.jewel.button.primary.unboxed:active:focus {
        background: rgba(60, 173, 241, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #0c69a2;
}


.jewel.button.primary.unboxed:focus {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid transparent;
        box-shadow: none;
        color: #0c69a2;
}


.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.card .card-title {
        font-size: 1.5em;
        letter-spacing: 0.0125em;
        margin: 0.408rem 0rem;
}


.Card {
        gap: 3;
}


.CardHeader {
        gap: 3;
}


.CardPrimaryContent {
        gap: 3;
}


.CardActions {
        gap: 3;
}


.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%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}


.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 #0f88d1;
}


.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: #75c5f5;
}


.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selected {
        background: #5dbbf3;
}


.jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.selectable:active {
        background: #5dbbf3;
}


.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/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


.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.4822102,17.0014648 C14.1196233,16.9113382 14.3962441,16.8099967 14.5762939,16.6435547 C14.7563438,16.4771126 14.9881385,16.1084637 15.0074566,15.5914935 L10.0769967,11.0034834 L14.9911518,6.4116803 Z' fill='%23cccccc' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}


.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.4822102,17.0014648 C14.1196233,16.9113382 14.3962441,16.8099967 14.5762939,16.6435547 C14.7563438,16.4771126 14.9881385,16.1084637 15.0074566,15.5914935 L10.0769967,11.0034834 L14.9911518,6.4116803 Z' fill='%23cccccc' fill-rule='nonzero' transform='translate(11.009058, 11.001587) scale(-1, 1) translate(-11.009058, -11.001587) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}


.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.83333333,4.58333333 L1.83333333,19.25 C1.83333333,20.2583333 2.65833333,21.0833333 3.66666667,21.0833333 L18.3333333,21.0833333 C19.3416667,21.0833333 20.1666667,20.2583333 20.1666667,19.25 L20.1666667,4.58333333 C20.1666667,3.575 19.3416667,2.75 18.3333333,2.75 Z M18.3333333,19.25 L3.66666667,19.25 L3.66666667,7.33333333 L18.3333333,7.33333333 L18.3333333,19.25 Z' fill='%23cccccc' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}


.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(10, 90, 138, 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/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        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 #0f88d1;
}


.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: #1198e9;
        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: #3CADF1;
}


.jewel.item.primary.selected {
        background: #24a3ef;
}


.jewel.item.primary.selectable:active {
        background: #24a3ef;
}


.jewel.list:focus {
        border: 1px solid #0f88d1;
}


.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: #3CADF1;
}


.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='%233CADF1' 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='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
        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(#4ab3f2, #2ea7f0);
        border-radius: 50%;
        border: 1px solid #0f88d1;
        box-shadow: inset 0 1px 0 #9bd5f8, 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(#54b7f3, #24a3ef);
        border-bottom: none;
        border: 1px solid #0f88d1;
        box-shadow: inset 0 1px 0 #9bd5f8;
}


.jewel.snackbar.primary .jewel.snackbar-message {
        color: #FFFFFF;
}


.jewel.snackbar.primary .jewel.snackbar-action {
        color: #E2D70B;
}


.jewel.snackbar.primary .jewel.snackbar-action:hover {
        background: linear-gradient(#3CADF1, #1198e9);
}


.jewel.snackbar-action:hover {
        background-color: #3C4E60;
}


.jewel.tabbar.sameWidths>* {
        flex: 1 0 0% !important;
}


.jewel.tabbarbutton.hovered {
        background: rgba(60, 173, 241, 0.2);
}


.jewel.tabbarbutton.selected {
        background: rgba(60, 173, 241, 0.4);
        color: #0f88d1;
}


.jewel.tabbarbutton.selectable:active {
        background: rgba(60, 173, 241, 0.4);
        color: #0f88d1;
}


.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: #3CADF1;
        color: #FFFFFF;
}


.jewel.tableitem.selected {
        background: #24a3ef;
        color: #FFFFFF;
}


.jewel.tableitem.selectable:active {
        background: #24a3ef;
        color: #FFFFFF;
}


.jewel.tableitem.calendar {
        border-radius: 4px;
}


.jewel.tableitem.calendar.selected {
        font-weight: bold;
}


a:link {
        color: #3CADF1;
}


a:active {
        color: #f37f59;
}


.primary-lightest {
        color: #fafdff;
}


.primary-light {
        color: #9bd5f8;
}


.primary-normal {
        color: #3CADF1;
}


.primary-dark {
        color: #0d79ba;
}


.primary-darkest {
        color: #063b5b;
}


.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 #0f88d1;
}


.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 #0f88d1;
}


.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(#54b7f3, #24a3ef);
        border-radius: 0.25rem;
        border: 1px solid #0f88d1;
        box-shadow: inset 0 1px 0 #9bd5f8;
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
}


.jewel.togglebutton.primary:hover {
        background: linear-gradient(#3CADF1, #1198e9);
        border: 1px solid #0d79ba;
        color: #FFFFFF;
}


.jewel.togglebutton.primary:hover:focus {
        background: linear-gradient(#3CADF1, #1198e9);
        border: 1px solid #0d79ba;
        color: #FFFFFF;
}


.jewel.togglebutton.primary:active {
        background: linear-gradient(#1198e9, #0d79ba);
        border: 1px solid #0a5a8a;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.togglebutton.primary:active:focus {
        background: linear-gradient(#1198e9, #0d79ba);
        border: 1px solid #0a5a8a;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.togglebutton.primary:focus {
        border: 1px solid #0f88d1;
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
        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(#1198e9, #0d79ba);
        border: 1px solid #0a5a8a;
        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(60, 173, 241, 0.05);
        border: 1px solid #1198e9;
        box-shadow: none;
        color: #0f88d1;
        text-shadow: none;
}


.jewel.togglebutton.primary.outlined:hover {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid #0f88d1;
        color: #0c69a2;
}


.jewel.togglebutton.primary.outlined:hover:focus {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid #0f88d1;
        color: #0c69a2;
}


.jewel.togglebutton.primary.outlined:active {
        background: rgba(60, 173, 241, 0.25);
        border: 1px solid #0e7fc3;
        box-shadow: none;
        color: #0c69a2;
}


.jewel.togglebutton.primary.outlined:active:focus {
        background: rgba(60, 173, 241, 0.25);
        border: 1px solid #0e7fc3;
        box-shadow: none;
        color: #0c69a2;
}


.jewel.togglebutton.primary.outlined:focus {
        border: 1px solid #0d79ba;
        box-shadow: none;
        color: #0c69a2;
}


.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(60, 173, 241, 0.25);
        border: 1px solid #0e7fc3;
        box-shadow: none;
        color: #0c69a2;
}


.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(60, 173, 241, 0);
        border: 1px solid transparent;
        box-shadow: none;
        color: #0f88d1;
        text-shadow: none;
}


.jewel.togglebutton.primary.unboxed:hover {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid transparent;
        color: #0c69a2;
}


.jewel.togglebutton.primary.unboxed:hover:focus {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid transparent;
        color: #0c69a2;
}


.jewel.togglebutton.primary.unboxed:active {
        background: rgba(60, 173, 241, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #0c69a2;
}


.jewel.togglebutton.primary.unboxed:active:focus {
        background: rgba(60, 173, 241, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #0c69a2;
}


.jewel.togglebutton.primary.unboxed:focus {
        background: rgba(60, 173, 241, 0.15);
        border: 1px solid transparent;
        box-shadow: none;
        color: #0c69a2;
}


.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(60, 173, 241, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #0c69a2;
}


.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: #3CADF1;
        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;
}


.jewel.badge.secondary {
        background: #EF5A2A;
        color: #FFFFFF;
}


.jewel.button.secondary {
        background: linear-gradient(#f16c42, #ed4812);
        border-radius: 0.25rem;
        border: 1px solid #be390e;
        box-shadow: inset 0 1px 0 #f6a389;
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
}


.jewel.button.secondary:hover {
        background: linear-gradient(#EF5A2A, #d64010);
        border: 1px solid #a6320d;
        color: #FFFFFF;
}


.jewel.button.secondary:hover:focus {
        background: linear-gradient(#EF5A2A, #d64010);
        border: 1px solid #a6320d;
        color: #FFFFFF;
}


.jewel.button.secondary:active {
        background: linear-gradient(#d64010, #a6320d);
        border: 1px solid #772409;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.button.secondary:active:focus {
        background: linear-gradient(#d64010, #a6320d);
        border: 1px solid #772409;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.button.secondary:focus {
        border: 1px solid #be390e;
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
        color: #FFFFFF;
}


.jewel.button.secondary[disabled] {
        background: #f3f3f3 !important;
        border: 1px solid #d9d9d9 !important;
        box-shadow: none !important;
        color: silver;
        text-shadow: unset;
}


.jewel.button.secondary[disabled]:hover {
        color: silver;
}


.jewel.button.secondary[disabled]:hover:focus {
        color: silver;
}


.jewel.button.secondary.outlined {
        background: rgba(239, 90, 42, 0.05);
        border: 1px solid #d64010;
        box-shadow: none;
        color: #be390e;
        text-shadow: none;
}


.jewel.button.secondary.outlined:hover {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid #be390e;
        color: #8f2b0b;
}


.jewel.button.secondary.outlined:hover:focus {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid #be390e;
        color: #8f2b0b;
}


.jewel.button.secondary.outlined:active {
        background: rgba(239, 90, 42, 0.25);
        border: 1px solid #b0350d;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.button.secondary.outlined:active:focus {
        background: rgba(239, 90, 42, 0.25);
        border: 1px solid #b0350d;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.button.secondary.outlined:focus {
        border: 1px solid #a6320d;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.button.secondary.outlined[disabled] {
        background: rgba(243, 243, 243, 0.1) !important;
        border: 1px solid #d9d9d9 !important;
        color: silver;
        text-shadow: unset;
}


.jewel.button.secondary.outlined[disabled]:hover {
        color: silver;
}


.jewel.button.secondary.outlined[disabled]:hover:focus {
        color: silver;
}


.jewel.button.secondary.unboxed {
        background: rgba(239, 90, 42, 0);
        border: 1px solid transparent;
        box-shadow: none;
        color: #be390e;
        text-shadow: none;
}


.jewel.button.secondary.unboxed:hover {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid transparent;
        color: #8f2b0b;
}


.jewel.button.secondary.unboxed:hover:focus {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid transparent;
        color: #8f2b0b;
}


.jewel.button.secondary.unboxed:active {
        background: rgba(239, 90, 42, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.button.secondary.unboxed:active:focus {
        background: rgba(239, 90, 42, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.button.secondary.unboxed:focus {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid transparent;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.button.secondary.unboxed[disabled] {
        background: rgba(243, 243, 243, 0) !important;
        border: 1px solid transparent !important;
        color: silver;
        text-shadow: unset;
}


.jewel.button.secondary.unboxed[disabled]:hover {
        color: silver;
}


.jewel.button.secondary.unboxed[disabled]:hover:focus {
        color: silver;
}


.jewel.datagrid .jewel.list.column .jewel.item.datagrid.secondary.hovered {
        background: #f38663;
}


.jewel.datagrid .jewel.list.column .jewel.item.datagrid.secondary.selected {
        background: #f1744b;
}


.jewel.datagrid .jewel.list.column .jewel.item.datagrid.secondary.selectable:active {
        background: #f1744b;
}


.jewel.item.secondary.hovered {
        background: #EF5A2A;
}


.jewel.item.secondary.selected {
        background: #ed4812;
}


.jewel.item.secondary.selectable:active {
        background: #ed4812;
}


.jewel.loader.secondary.segment {
        border-top-color: #EF5A2A;
}


.jewel.snackbar.secondary .jewel.snackbar-content {
        background: linear-gradient(#f16c42, #ed4812);
        border-bottom: none;
        border: 1px solid #be390e;
        box-shadow: inset 0 1px 0 #f6a389;
}


.jewel.snackbar.secondary .jewel.snackbar-message {
        color: #FFFFFF;
}


.jewel.snackbar.secondary .jewel.snackbar-action {
        color: #E2D70B;
}


.jewel.snackbar.secondary .jewel.snackbar-action:hover {
        background: linear-gradient(#EF5A2A, #d64010);
}


a:visited {
        color: #d64010;
}


a:hover {
        color: #EF5A2A;
}


.secondary-lightest {
        color: #fdede8;
}


.secondary-light {
        color: #f6a389;
}


.secondary-normal {
        color: #EF5A2A;
}


.secondary-dark {
        color: #a6320d;
}


.secondary-darkest {
        color: #481605;
}


.jewel.togglebutton.secondary {
        background: linear-gradient(#f16c42, #ed4812);
        border-radius: 0.25rem;
        border: 1px solid #be390e;
        box-shadow: inset 0 1px 0 #f6a389;
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
}


.jewel.togglebutton.secondary:hover {
        background: linear-gradient(#EF5A2A, #d64010);
        border: 1px solid #a6320d;
        color: #FFFFFF;
}


.jewel.togglebutton.secondary:hover:focus {
        background: linear-gradient(#EF5A2A, #d64010);
        border: 1px solid #a6320d;
        color: #FFFFFF;
}


.jewel.togglebutton.secondary:active {
        background: linear-gradient(#d64010, #a6320d);
        border: 1px solid #772409;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.togglebutton.secondary:active:focus {
        background: linear-gradient(#d64010, #a6320d);
        border: 1px solid #772409;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.togglebutton.secondary:focus {
        border: 1px solid #be390e;
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
        color: #FFFFFF;
}


.jewel.togglebutton.secondary[disabled] {
        background: #f3f3f3 !important;
        border: 1px solid #d9d9d9 !important;
        box-shadow: none !important;
        color: silver;
        text-shadow: unset;
}


.jewel.togglebutton.secondary.selected {
        background: linear-gradient(#d64010, #a6320d);
        border: 1px solid #772409;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.togglebutton.secondary.outlined {
        background: rgba(239, 90, 42, 0.05);
        border: 1px solid #d64010;
        box-shadow: none;
        color: #be390e;
        text-shadow: none;
}


.jewel.togglebutton.secondary.outlined:hover {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid #be390e;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.outlined:hover:focus {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid #be390e;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.outlined:active {
        background: rgba(239, 90, 42, 0.25);
        border: 1px solid #b0350d;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.outlined:active:focus {
        background: rgba(239, 90, 42, 0.25);
        border: 1px solid #b0350d;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.outlined:focus {
        border: 1px solid #a6320d;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.outlined[disabled] {
        background: rgba(243, 243, 243, 0.1) !important;
        border: 1px solid #d9d9d9 !important;
        color: silver;
        text-shadow: unset;
}


.jewel.togglebutton.secondary.outlined.selected {
        background: rgba(239, 90, 42, 0.25);
        border: 1px solid #b0350d;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.unboxed {
        background: rgba(239, 90, 42, 0);
        border: 1px solid transparent;
        box-shadow: none;
        color: #be390e;
        text-shadow: none;
}


.jewel.togglebutton.secondary.unboxed:hover {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid transparent;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.unboxed:hover:focus {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid transparent;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.unboxed:active {
        background: rgba(239, 90, 42, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.unboxed:active:focus {
        background: rgba(239, 90, 42, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.unboxed:focus {
        background: rgba(239, 90, 42, 0.15);
        border: 1px solid transparent;
        box-shadow: none;
        color: #8f2b0b;
}


.jewel.togglebutton.secondary.unboxed[disabled] {
        background: rgba(243, 243, 243, 0) !important;
        border: 1px solid transparent !important;
        color: silver;
        text-shadow: unset;
}


.jewel.togglebutton.secondary.unboxed[disabled]:hover {
        color: silver;
}


.jewel.togglebutton.secondary.unboxed[disabled]:hover:focus {
        color: silver;
}


.jewel.badge.emphasized {
        background: #8CC63C;
        color: #FFFFFF;
}


.jewel.button.emphasized {
        background: linear-gradient(#98cc50, #7eb435);
        border-radius: 0.25rem;
        border: 1px solid #638c29;
        box-shadow: inset 0 1px 0 #bbdd8b;
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
}


.jewel.button.emphasized:hover {
        background: linear-gradient(#8CC63C, #71a02f);
        border: 1px solid #557923;
        color: #FFFFFF;
}


.jewel.button.emphasized:hover:focus {
        background: linear-gradient(#8CC63C, #71a02f);
        border: 1px solid #557923;
        color: #FFFFFF;
}


.jewel.button.emphasized:active {
        background: linear-gradient(#71a02f, #557923);
        border: 1px solid #395118;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.button.emphasized:active:focus {
        background: linear-gradient(#71a02f, #557923);
        border: 1px solid #395118;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.button.emphasized:focus {
        border: 1px solid #638c29;
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
        color: #FFFFFF;
}


.jewel.button.emphasized[disabled] {
        background: #f3f3f3 !important;
        border: 1px solid #d9d9d9 !important;
        box-shadow: none !important;
        color: silver;
        text-shadow: unset;
}


.jewel.button.emphasized[disabled]:hover {
        color: silver;
}


.jewel.button.emphasized[disabled]:hover:focus {
        color: silver;
}


.jewel.button.emphasized.outlined {
        background: rgba(140, 198, 60, 0.05);
        border: 1px solid #71a02f;
        box-shadow: none;
        color: #638c29;
        text-shadow: none;
}


.jewel.button.emphasized.outlined:hover {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid #638c29;
        color: #47651e;
}


.jewel.button.emphasized.outlined:hover:focus {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid #638c29;
        color: #47651e;
}


.jewel.button.emphasized.outlined:active {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid #5a8126;
        box-shadow: none;
        color: #47651e;
}


.jewel.button.emphasized.outlined:active:focus {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid #5a8126;
        box-shadow: none;
        color: #47651e;
}


.jewel.button.emphasized.outlined:focus {
        border: 1px solid #557923;
        box-shadow: none;
        color: #47651e;
}


.jewel.button.emphasized.outlined[disabled] {
        background: rgba(243, 243, 243, 0.1) !important;
        border: 1px solid #d9d9d9 !important;
        color: silver;
        text-shadow: unset;
}


.jewel.button.emphasized.outlined[disabled]:hover {
        color: silver;
}


.jewel.button.emphasized.outlined[disabled]:hover:focus {
        color: silver;
}


.jewel.button.emphasized.unboxed {
        background: rgba(140, 198, 60, 0);
        border: 1px solid transparent;
        box-shadow: none;
        color: #638c29;
        text-shadow: none;
}


.jewel.button.emphasized.unboxed:hover {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid transparent;
        color: #47651e;
}


.jewel.button.emphasized.unboxed:hover:focus {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid transparent;
        color: #47651e;
}


.jewel.button.emphasized.unboxed:active {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #47651e;
}


.jewel.button.emphasized.unboxed:active:focus {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #47651e;
}


.jewel.button.emphasized.unboxed:focus {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid transparent;
        box-shadow: none;
        color: #47651e;
}


.jewel.button.emphasized.unboxed[disabled] {
        background: rgba(243, 243, 243, 0) !important;
        border: 1px solid transparent !important;
        color: silver;
        text-shadow: unset;
}


.jewel.button.emphasized.unboxed[disabled]:hover {
        color: silver;
}


.jewel.button.emphasized.unboxed[disabled]:hover:focus {
        color: silver;
}


.jewel.datagrid .jewel.list.column .jewel.item.datagrid.emphasized.hovered {
        background: #a8d46b;
}


.jewel.datagrid .jewel.list.column .jewel.item.datagrid.emphasized.selected {
        background: #9cce58;
}


.jewel.datagrid .jewel.list.column .jewel.item.datagrid.emphasized.selectable:active {
        background: #9cce58;
}


.jewel.item.emphasized.hovered {
        background: #8CC63C;
}


.jewel.item.emphasized.selected {
        background: #7eb435;
}


.jewel.item.emphasized.selectable:active {
        background: #7eb435;
}


.jewel.loader.emphasized.segment {
        border-top-color: #8CC63C;
}


.jewel.snackbar.emphasized .jewel.snackbar-content {
        background: linear-gradient(#98cc50, #7eb435);
        border-bottom: none;
        border: 1px solid #638c29;
        box-shadow: inset 0 1px 0 #bbdd8b;
}


.jewel.snackbar.emphasized .jewel.snackbar-message {
        color: #FFFFFF;
}


.jewel.snackbar.emphasized .jewel.snackbar-action {
        color: #E2D70B;
}


.jewel.snackbar.emphasized .jewel.snackbar-action:hover {
        background: linear-gradient(#8CC63C, #71a02f);
}


.emphasized-lightest {
        color: #e9f4da;
}


.emphasized-light {
        color: #bbdd8b;
}


.emphasized-normal {
        color: #8CC63C;
}


.emphasized-dark {
        color: #557923;
}


.emphasized-darkest {
        color: #1d2a0c;
}


.jewel.togglebutton.emphasized {
        background: linear-gradient(#98cc50, #7eb435);
        border-radius: 0.25rem;
        border: 1px solid #638c29;
        box-shadow: inset 0 1px 0 #bbdd8b;
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
}


.jewel.togglebutton.emphasized:hover {
        background: linear-gradient(#8CC63C, #71a02f);
        border: 1px solid #557923;
        color: #FFFFFF;
}


.jewel.togglebutton.emphasized:hover:focus {
        background: linear-gradient(#8CC63C, #71a02f);
        border: 1px solid #557923;
        color: #FFFFFF;
}


.jewel.togglebutton.emphasized:active {
        background: linear-gradient(#71a02f, #557923);
        border: 1px solid #395118;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.togglebutton.emphasized:active:focus {
        background: linear-gradient(#71a02f, #557923);
        border: 1px solid #395118;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.togglebutton.emphasized:focus {
        border: 1px solid #638c29;
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
        color: #FFFFFF;
}


.jewel.togglebutton.emphasized[disabled] {
        background: #f3f3f3 !important;
        border: 1px solid #d9d9d9 !important;
        box-shadow: none !important;
        color: silver;
        text-shadow: unset;
}


.jewel.togglebutton.emphasized.selected {
        background: linear-gradient(#71a02f, #557923);
        border: 1px solid #395118;
        box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
        color: #FFFFFF;
}


.jewel.togglebutton.emphasized.outlined {
        background: rgba(140, 198, 60, 0.05);
        border: 1px solid #71a02f;
        box-shadow: none;
        color: #638c29;
        text-shadow: none;
}


.jewel.togglebutton.emphasized.outlined:hover {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid #638c29;
        color: #47651e;
}


.jewel.togglebutton.emphasized.outlined:hover:focus {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid #638c29;
        color: #47651e;
}


.jewel.togglebutton.emphasized.outlined:active {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid #5a8126;
        box-shadow: none;
        color: #47651e;
}


.jewel.togglebutton.emphasized.outlined:active:focus {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid #5a8126;
        box-shadow: none;
        color: #47651e;
}


.jewel.togglebutton.emphasized.outlined:focus {
        border: 1px solid #557923;
        box-shadow: none;
        color: #47651e;
}


.jewel.togglebutton.emphasized.outlined[disabled] {
        background: rgba(243, 243, 243, 0.1) !important;
        border: 1px solid #d9d9d9 !important;
        color: silver;
        text-shadow: unset;
}


.jewel.togglebutton.emphasized.outlined.selected {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid #5a8126;
        box-shadow: none;
        color: #47651e;
}


.jewel.togglebutton.emphasized.unboxed {
        background: rgba(140, 198, 60, 0);
        border: 1px solid transparent;
        box-shadow: none;
        color: #638c29;
        text-shadow: none;
}


.jewel.togglebutton.emphasized.unboxed:hover {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid transparent;
        color: #47651e;
}


.jewel.togglebutton.emphasized.unboxed:hover:focus {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid transparent;
        color: #47651e;
}


.jewel.togglebutton.emphasized.unboxed:active {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #47651e;
}


.jewel.togglebutton.emphasized.unboxed:active:focus {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #47651e;
}


.jewel.togglebutton.emphasized.unboxed:focus {
        background: rgba(140, 198, 60, 0.15);
        border: 1px solid transparent;
        box-shadow: none;
        color: #47651e;
}


.jewel.togglebutton.emphasized.unboxed[disabled] {
        background: rgba(243, 243, 243, 0) !important;
        border: 1px solid transparent !important;
        color: silver;
        text-shadow: unset;
}


.jewel.togglebutton.emphasized.unboxed.selected {
        background: rgba(140, 198, 60, 0.25);
        border: 1px solid transparent;
        box-shadow: none;
        color: #47651e;
}


.iconButtonBarFontAwesomeIcon {
}


.tableStyle {
}


.simpleiIconListItemRenderer {
}


.cmbSimpleiIconListItemRenderer {
}


.iconListItemRenderer {
}


.advancedIconListItemRenderer {
}


.jewel.item .jewelItem {
        color: #3cadf1;
}


.jewel.item .basicItem {
        color: #71a02f;
}


.jewel.item.selected .jewelItem {
        color: #ffffff;
}


.jewel.item.selectable:active .jewelItem {
        color: #ffffff;
}


.jewel.item.hovered .jewelItem {
        color: #ffffff;
}


.jewel.item.selected .basicItem {
        color: #ffffff;
}


.jewel.item.selectable:active .basicItem {
        color: #ffffff;
}


.jewel.item.hovered .basicItem {
        color: #ffffff;
}


.navIconLinkItemRenderer {
}


.tabBarVerticalIconItemRenderer {
}


.tabBarHorizontalIconItemRenderer {
}


.jewel.drawerheader::before {
        padding-top: 56.25%;
}


.wrapper {
        outline: 1px dashed navy;
}


.box {
        background: #666;
        border-radius: 3px;
        color: white;
        padding: 12px;
}


.jewel.item.string {
        background: #dedede;
        border-radius: 3px;
        border: 1px dashed #cccccc;
        padding: 14px;
}


.codeExample {
        border-radius: 10px;
        border: 0px solid;
}


.somePopUpContent {
}


.navSectionItemRenderer {
}


.side-tab-content {
        background-color: #f6f6f6;
}


@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 (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: flex !important;
    }
}


@media (max-width: 767px) {
    .hidden-phone {
    display: none !important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .visible-tablet {
    display: flex !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: flex !important;
    }
}


@media (min-width: 992px) and (max-width: 1599px) {
    .hidden-desktop {
    display: none !important;
    }
}


@media (min-width: 1600px) {
    .visible-widescreen {
    display: flex !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;
    }
}