/* 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 {
        border-width: 1px;
}


global {
        effect-timer-interval: 10;
        error-color: #CE2929;
        horizontal-align: left;
        horizontal-gap: 8;
        padding: 0px;
        vertical-align: top;
        vertical-gap: 6;
        white-space-collapse: collapse;
}


.SimpleTextHighlighter {
        border: 1px #808080 solid;
        overflow-y: auto;
        padding: 2px;
        white-space: pre-wrap;
}


.SimpleTextHighlighter *:focus-visible {
        outline: none;
}


.HighlightTextSpan {
        background-color: #00ffff;
        border-radius: 2px;
}


.context-menu {
        background: #1b1a1a;
        border-radius: 5px;
        position: fixed;
        transform-origin: top left;
        transform: scale(0);
        width: 150px;
        z-index: 10000;
}


.context-menu.visible {
        transform: scale(1);
        transition: transform 200ms ease-in-out;
}


.context-menu .item {
        border-radius: inherit;
        color: #eee;
        cursor: pointer;
        font-size: 12px;
        padding: 8px 10px;
}


.context-menu .item:hover {
        background: #343434;
}


* {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: Arial;
        font-size: 12px;
}


*:before {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}


*:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        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;
}


a:focus {
        outline: none;
}


select::-ms-expand {
        display: none;
}


button::-moz-focus-inner {
        padding: 0;
}


button {
        font-size: 100%;
}


input {
        font-size: 100%;
}


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


.Container {
}


.Image {
}


.DataContainer {
}


.Validator {
}


.Form {
}


hr {
        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 {
        left: 50%;
        min-height: 200px;
        min-width: 350px;
        position: fixed;
        top: 50%;
}


.jewel.alert .jewel.titlebar {
        height: 50px;
}


.jewel.alert .content {
        bottom: 50px;
        overflow-y: auto;
        position: absolute;
        top: 50px;
        width: 100%;
}


.jewel.alert .content .jewel.label {
        white-space: normal;
}


.jewel.alert .jewel.controlbar {
        bottom: 0;
        height: 50px;
}


.jewel.badge {
        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;
        cursor: pointer;
        display: inline-flex;
        justify-content: center;
        line-height: normal !important;
        outline: none;
        overflow: hidden;
        position: relative;
        text-align: center;
        text-decoration: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
}


.jewel.button[disabled] {
        cursor: default;
}


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


.jewel.buttonbar.toggle-on-click .jewel.togglebutton.selected {
        pointer-events: none;
}


.jewel.card {
        min-height: 52px;
        min-width: 120px;
        position: relative;
}


.jewel.card .card-header {
        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;
        position: relative;
        text-decoration: none;
        width: 100%;
}


.jewel.card .card-actions {
        color: inherit;
        outline: none;
        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 {
        content: " ";
        height: 22px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 22px;
}


.jewel.checkbox input+span::after {
        content: " ";
        height: 22px;
        left: 0px;
        opacity: 0;
        position: absolute;
        top: 0px;
        width: 22px;
}


.jewel.checkbox input:checked+span::after {
        opacity: 1;
}


.jewel.checkbox input:checked:active+span::after {
        opacity: 1;
}


.jewel.checkbox input:indeterminate+span::after {
        opacity: 1;
}


.jewel.checkbox input:indeterminate:active+span::after {
        opacity: 1;
}


.jewel.checkbox input:focus+span::before {
        outline: none;
}


.jewel.checkbox input:checked:focus+span::before {
        outline: none;
}


.jewel.checkbox input:checked:active:focus+span::before {
        outline: none;
}


.jewel.checkbox input:indeterminate:focus+span::before {
        outline: none;
}


.jewel.checkbox input:indeterminate:active:focus+span::before {
        outline: none;
}


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


.jewel.checkbox span {
        cursor: pointer;
        margin: auto;
        width: inherit;
}


.jewel.switch {
        display: inline-flex;
        height: auto;
        position: relative;
}


.jewel.switch 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: 44px;
}


.jewel.switch input[disabled]+span {
        cursor: unset;
}


.jewel.switch .switch {
        bottom: 0;
        cursor: pointer;
        height: 24px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 44px;
}


.jewel.switch .switch::before {
        bottom: 2px;
        content: "";
        height: 20px;
        left: 2px;
        position: absolute;
        width: 20px;
}


.jewel.switch .label {
        cursor: pointer;
        margin: auto;
        width: inherit;
}


.jewel.combobox {
        display: inline-flex;
}


.jewel.combobox .jewel.textinput {
        display: block;
}


.jewel.combobox .jewel.button::before {
        margin: 0;
        padding: 0;
}


.jewel.combobox .jewel.button::after {
        content: " ";
        position: absolute;
}


.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 {
        display: flex;
        flex-direction: column;
        overflow: auto;
        position: relative;
}


.jewel.datagrid .jewel.buttonbar.header {
        flex: 0 0 auto;
        width: 100%;
}


.jewel.datagrid .jewel.buttonbar.header .jewel.button {
        width: 100%;
}


.jewel.datagrid .listarea {
        flex: 1 1 auto;
        width: 100%;
}


.jewel.datagrid .jewel.list.column {
        min-height: 100%;
        padding-left: 0;
        padding-right: 0;
        position: relative;
}


.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
        width: 100%;
}


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


.jewel.datagrid .first.jewel.list {
        -ms-overflow-style: none;
        scrollbar-width: none;
}


.jewel.datagrid .middle.jewel.list {
        -ms-overflow-style: none;
        scrollbar-width: none;
}


.jewel.datagrid .first.jewel.list::-webkit-scrollbar {
        display: none;
}


.jewel.datagrid .middle.jewel.list::-webkit-scrollbar {
        display: none;
}


.DataGrid {
}


.DataGridListArea {
}


.DataGridColumnList {
}


.DataGridButtonBar {
}


.VirtualDataGrid {
}


.VirtualDataGridColumnList {
}


.jewel.datechooser .jewel.table {
        min-height: 364px;
        min-width: 324px;
}


.jewel.datechooser .jewel.table .jewel.tablecell {
        height: auto;
}


.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow>.layout.horizontal {
        float: right;
}


.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .viewSelector::after {
        content: " ";
}


.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton {
        min-height: 40px;
        min-width: 40px;
}


.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton {
        min-height: 40px;
        min-width: 40px;
}


.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .previousButton::after {
        content: " ";
        position: absolute;
}


.jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
        content: " ";
        position: absolute;
}


.DateChooser {
}


.jewel.datefield {
        display: inline-flex;
}


.jewel.datefield .jewel.textinput input {
        width: 9.2em;
}


.jewel.datefield .jewel.button::before {
        line-height: 22px;
        margin: 0;
        padding: 0;
}


.jewel.datefield .jewel.button::after {
        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 {
        height: 0;
        margin: 0;
}


.jewel.drawer.float {
        contain: strict;
        height: 100%;
        left: 0;
        overflow: hidden;
        pointer-events: none;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
}


.jewel.drawer.float::before {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
}


.jewel.drawer.float .drawermain {
        display: flex;
        flex-direction: column;
        height: 100%;
        left: 0;
        position: absolute;
        right: initial;
}


.jewel.drawer.float.open {
        pointer-events: auto;
}


.jewel.drawer.float.open::before {
        opacity: 1;
}


.jewel.drawer.fixed {
        width: 0;
}


.jewel.drawer.fixed .drawermain {
        display: inline-flex;
        flex-direction: column;
        height: 100%;
        left: 0;
        overflow: hidden;
        right: auto;
        touch-action: none;
}


.jewel.drawer.fixed.open {
        pointer-events: auto;
}


.jewel.drawer.fixed.open .drawermain {
        transform: none;
}


.jewel.drawerheader {
        align-items: center;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        position: relative;
}


.jewel.drawerheader div {
        align-items: flex-end;
        bottom: 0;
        display: flex;
        left: 0;
        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 {
        display: flex;
        height: 66px;
        position: relative;
        width: 100%;
}


.jewel.dropdownlist {
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
        display: inline-flex;
        line-height: normal !important;
        margin: 0;
        outline: none;
        padding: 0.68em 2.38em 0.68em 1.12em;
        width: 200px;
}


.jewel.footerbar {
        display: inline-flex;
        flex: 1 1 auto;
}


.jewel.footerbar .footerBarAppHeader {
        bottom: 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: fixed;
        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;
        z-index: 1;
}


.jewel.footerbar .jewel.barsection button {
        align-items: center;
        display: flex;
        flex-shrink: 0;
        height: 48px;
        justify-content: center;
        opacity: 1;
        outline: none;
        position: relative;
        text-decoration: none;
        width: 48px;
        will-change: transform, opacity;
}


.jewel.footerbar .jewel.barsection button .fonticon {
        margin-left: 0px;
        margin-right: 0px;
}


.jewel.footerbar .jewel.bartitle {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        flex: 1 1 auto;
        letter-spacing: 0.0125em;
        line-height: 2rem;
        overflow: hidden;
        text-decoration: inherit;
        text-overflow: ellipsis;
        text-transform: inherit;
        white-space: nowrap;
        z-index: 1;
}


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


.FormItem {
}


.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;
        padding: 0px;
}


.ImageButton {
}


.jewel.item {
        cursor: auto;
        flex-shrink: 0;
        letter-spacing: 0;
        line-height: normal !important;
        list-style: none;
        overflow: hidden;
        position: relative;
        text-decoration: none;
}


.jewel.navigationlink {
        cursor: auto;
        flex-shrink: 0;
        letter-spacing: 0;
        line-height: normal !important;
        list-style: none;
        overflow: hidden;
        position: relative;
        text-decoration: none;
}


.jewel.tabbarbutton {
        cursor: auto;
        flex-shrink: 0;
        flex: 1 0 auto !important;
        letter-spacing: 0;
        line-height: normal !important;
        list-style: none;
        margin: 0;
        overflow: initial;
        position: relative;
        text-decoration: none;
        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;
        white-space: nowrap;
}


.jewel.label.multiline {
        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.itemsReverse.gap-1x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.gap-1x3px>* {
        margin-left: 3px;
}


.layout.horizontal.itemsReverse.gap-2x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.gap-2x3px>* {
        margin-left: 6px;
}


.layout.horizontal.itemsReverse.gap-3x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.gap-3x3px>* {
        margin-left: 9px;
}


.layout.horizontal.itemsReverse.gap-4x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.gap-4x3px>* {
        margin-left: 12px;
}


.layout.horizontal.itemsReverse.gap-5x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.gap-5x3px>* {
        margin-left: 15px;
}


.layout.horizontal.itemsReverse.gap-6x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.gap-6x3px>* {
        margin-left: 18px;
}


.layout.horizontal.itemsReverse.gap-7x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.gap-7x3px>* {
        margin-left: 21px;
}


.layout.horizontal.itemsReverse.gap-8x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.gap-8x3px>* {
        margin-left: 24px;
}


.layout.horizontal.itemsReverse.gap-9x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.gap-9x3px>* {
        margin-left: 27px;
}


.layout.horizontal.itemsReverse.gap-10x3px>*:last-child {
        margin-left: 0px;
}


.layout.horizontal.itemsReverse.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.vertical.itemsReverse.gap-1x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.gap-1x3px>* {
        margin-top: 3px;
}


.layout.vertical.itemsReverse.gap-2x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.gap-2x3px>* {
        margin-top: 6px;
}


.layout.vertical.itemsReverse.gap-3x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.gap-3x3px>* {
        margin-top: 9px;
}


.layout.vertical.itemsReverse.gap-4x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.gap-4x3px>* {
        margin-top: 12px;
}


.layout.vertical.itemsReverse.gap-5x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.gap-5x3px>* {
        margin-top: 15px;
}


.layout.vertical.itemsReverse.gap-6x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.gap-6x3px>* {
        margin-top: 18px;
}


.layout.vertical.itemsReverse.gap-7x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.gap-7x3px>* {
        margin-top: 21px;
}


.layout.vertical.itemsReverse.gap-8x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.gap-8x3px>* {
        margin-top: 24px;
}


.layout.vertical.itemsReverse.gap-9x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.gap-9x3px>* {
        margin-top: 27px;
}


.layout.vertical.itemsReverse.gap-10x3px>*:-child {
        margin-top: 0px;
}


.layout.vertical.itemsReverse.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.horizontal.itemsReverse {
        flex-direction: row-reverse;
}


.layout.grid.itemsReverse {
        flex-direction: row-reverse;
}


.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.vertical.itemsReverse {
        flex-direction: column-reverse;
}


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


.jewel.navigation {
        -webkit-overflow-scrolling: touch;
        align-content: flex-start;
        align-items: stretch;
}


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


.jewel.numericstepper {
        display: flex;
        flex-flow: column wrap;
}


.jewel.numericstepper .jewel.spinner {
        display: none;
        order: -1;
}


.jewel.numericstepper .jewel.textinput {
        display: inline-flex;
        order: 0;
        z-index: 1;
}


.jewel.numericstepper .jewel.button::after {
        content: " ";
        position: absolute;
}


.jewel.numericstepper .jewel.button.up {
        order: 1;
}


.jewel.numericstepper .jewel.button.down {
        order: 2;
}


.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 {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
}


.popup-content .jewel.popupcontent {
        bottom: auto;
        display: inline-flex;
        left: 50%;
        opacity: 0;
        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 {
        content: " ";
        height: 22px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 22px;
}


.jewel.radiobutton input+span::after {
        content: " ";
        height: 22px;
        left: 0px;
        opacity: 0;
        position: absolute;
        top: 0px;
        width: 22px;
}


.jewel.radiobutton input:checked+span::after {
        opacity: 1;
}


.jewel.radiobutton input:checked:active+span::after {
        opacity: 1;
}


.jewel.radiobutton input:focus+span::before {
        outline: none;
}


.jewel.radiobutton input:checked:focus+span::before {
        outline: none;
}


.jewel.radiobutton input:checked:active:focus+span::before {
        outline: none;
}


.jewel.radiobutton input[disabled]+span {
        cursor: unset;
}


.jewel.radiobutton span {
        cursor: pointer;
        margin: 0;
        width: inherit;
}


.jewel.section {
        display: none;
        flex-flow: column nowrap;
        height: 100%;
}


.jewel.section>* {
        flex: 0 0 auto;
}


.jewel.section.is-selected {
        display: flex;
}


.jewel.videoplayer.letterbox {
        object-fit: contain;
}


.jewel.videoplayer.zoom {
        object-fit: cover;
}


.jewel.videoplayer.stretch {
        object-fit: fill;
}


.jewel.slider {
        background: none;
        display: flex;
        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 {
        padding: 0;
}


.jewel.slider input::-ms-fill-upper {
        padding: 0;
}


.jewel.slider input::-webkit-slider-thumb {
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        appearance: none;
}


.jewel.slider input::-moz-range-thumb {
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        appearance: none;
}


.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;
        transform: translate(0, -3px);
        width: calc(100% - 58px);
}


.slider-track-fill {
        flex: 0;
        padding: 0;
        position: relative;
}


.slider-track {
        flex: 0;
        padding: 0;
        position: relative;
}


.vslider {
        display: inline-block;
        min-height: 150px;
        min-width: 27px;
        position: relative;
}


.vslider .transform-container {
        display: inline-block;
        height: 100%;
        margin-left: calc(50% - 27px/2);
        position: absolute;
}


.vslider .sizer {
        height: 100%;
        visibility: hidden;
}


.vslider .jewel.slider {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(-50%, -50%) rotate(270deg) translate(-50%, 50%);
}


.vslider .jewel.slider input {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
}


.vslider .slider-track-container {
        margin: 0;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
}


.jewel.tablecell .vslider .transform-container {
        margin-left: calc(50% - 27px/2 * 2);
}


.jewel.snackbar {
        bottom: 0;
        justify-content: center;
        position: fixed;
        width: 100%;
        z-index: 40;
}


.jewel.snackbar-content {
        max-width: 568px;
        min-width: 288px;
        padding: 0.68em 1.12em;
        position: relative;
}


.jewel.snackbar-message {
        float: left;
        margin: 10px;
}


.jewel.snackbar-action {
        cursor: pointer;
        float: right;
        padding: 10px;
}


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


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


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


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


.jewel.simpletable {
        border-spacing: 0px;
        overflow: hidden;
        position: relative;
        white-space: nowrap;
}


.jewel.simpletable .jewel.tableheadercell {
        letter-spacing: 0;
        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 {
        position: relative;
}


.jewel.table table {
        border-spacing: 0px;
        width: 100%;
}


.jewel.table .jewel.tableheadercell {
        letter-spacing: 0;
        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 {
        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;
        letter-spacing: 0;
        line-height: normal !important;
        overflow: hidden;
        text-decoration: none;
}


.jewel.tableitem.selectable {
        cursor: pointer;
}


.empty-cell {
        pointer-events: none;
}


.TableItemRenderer {
}


.THead {
}


.TFoot {
}


.TableCell {
}


.TableRow {
}


.alignTextLeft {
        text-align: left;
}


.alignTextRight {
        text-align: right;
}


.alignTextCenter {
        text-align: center;
}


.jewel.textinput {
        display: inline-flex;
        overflow: hidden;
        position: relative;
}


.jewel.textinput::before {
        content: "";
        height: 200%;
        left: -50%;
        pointer-events: none;
        position: absolute;
        top: -50%;
        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;
        flex: 1 0 auto;
        height: auto;
        line-height: normal !important;
        max-width: 100%;
        outline: none;
        text-align: left;
        width: 100%;
}


.jewel.textinput input[disabled] {
        cursor: unset;
}


.jewel.textinput.icon i.fonticon {
        cursor: default;
        margin-top: -6px;
        pointer-events: none;
        position: absolute;
        right: initial;
        text-align: center;
        top: 50%;
}


.jewel.textinput.icon i.fonticon.material-icons {
        margin-top: -0.5em;
}


.jewel.textinput.icon.right i.fonticon {
        left: initial;
}


.jewel.textinput.truncate input {
        overflow: hidden;
        text-overflow: ellipsis;
}


.TextInput {
}


.jewel.textarea {
        display: inline-flex;
        position: relative;
}


.jewel.textarea textarea {
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        flex: 1 0 auto;
        line-height: normal !important;
        max-width: 100%;
        outline: none;
        resize: none;
        text-align: left;
}


.jewel.textarea textarea[disabled] {
        cursor: unset;
}


.TextArea {
}


.jewel.titlebar {
        background-color: transparent;
        min-height: 34px;
        padding: 0px;
}


.jewel.togglebutton {
        align-items: center;
        cursor: pointer;
        display: inline-flex;
        justify-content: center;
        line-height: normal !important;
        outline: none;
        overflow: hidden;
        position: relative;
        text-align: center;
        text-decoration: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
}


.jewel.togglebutton[disabled] {
        cursor: default;
}


.jewel.togglebutton .fonticon {
        cursor: inherit;
}


.jewel.tooltip {
        border-radius: 0.25em;
        padding: 6px;
        pointer-events: none;
        position: absolute;
        z-index: 80;
}


.jewel.tooltip.error {
        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 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: fixed;
        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;
        z-index: 1;
}


.jewel.topappbar .jewel.barsection button {
        align-items: center;
        display: flex;
        flex-shrink: 0;
        height: 48px;
        justify-content: center;
        opacity: 1;
        outline: none;
        position: relative;
        text-decoration: none;
        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;
        letter-spacing: 0.0125em;
        line-height: 2rem;
        overflow: hidden;
        text-decoration: inherit;
        text-overflow: ellipsis;
        text-transform: inherit;
        white-space: nowrap;
        z-index: 1;
}


.jewel.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;
        z-index: 1;
}


.jewel.previous {
        align-items: center;
        cursor: pointer;
        flex: 0 0 0%;
        height: 100%;
        justify-content: center;
        z-index: 1;
}


.jewel.next .jewel.button {
        flex-direction: column;
        position: relative;
}


.jewel.previous .jewel.button {
        flex-direction: column;
        position: relative;
}


.jewel.wizardcontent {
        flex-grow: 100;
        height: 100%;
        position: inherit;
}


.jewel.wizardpage {
        bottom: 0px;
        display: none;
        position: absolute;
        top: 0px;
        width: 100%;
}


.jewel.wizardpage>* {
        margin: auto;
}


.jewel.wizardpage.is-selected {
        display: block;
        z-index: 1;
}


.jewel.wizardpage.is-selected.transitions {
        opacity: 1;
        transform: translateX(0%);
}


.jewel.wizardpage.transitions {
        display: block;
        opacity: 0;
        transform: translateX(100%);
        transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}


.jewel.wizardpage.transitions.slideLeft {
        transform: translateX(-100%);
}


.jewel.wizardpage.transitions.slideRight {
        transform: translateX(100%);
}


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


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


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


.AlertButton {
        padding-bottom: 3px;
        padding-top: 3px;
}


.AlertContent {
        margin: auto;
        padding: 8px;
}


.Panel .TitleBar {
        border-bottom: 1px solid #333333;
}


.PanelContent {
        background-color: #FFFFFF;
}


.PanelTitleBar .CloseButton {
        height: 16px;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 16px;
}


.TabNavigatorContent {
        border: 1px solid #333333;
}


.TinyEditor .__editor {
        flex-grow: 1;
        overflow: auto;
}


.TinyEditor .__toolbar-item {
        padding: 0px;
}


.TinyEditor .__toolbar {
        padding: 0px;
}


.TinyEditor .__wrapper {
        display: flex;
        flex-direction: column-reverse;
        height: 100%;
        width: 100%;
}


.verticalAxisStyle {
        minor-tick-length: 2;
        minor-tick-placement: outside;
        tick-length: 5;
}


.blockNumericAxis {
        minor-tick-length: 0;
        minor-tick-placement: cross;
        tick-length: 8;
}


.linedNumericAxis {
        minor-tick-length: 4;
        minor-tick-placement: outside;
        tick-length: 8;
}


.dashedNumericAxis {
        minor-tick-length: 4;
        minor-tick-placement: outside;
        show-line: false;
        tick-length: 8;
}


.blockCategoryAxis {
        minor-tick-length: 0;
        minor-tick-placement: none;
        tick-length: 0;
        tick-placement: cross;
}


.hangingCategoryAxis {
        minor-tick-length: 0;
        minor-tick-placement: cross;
        tick-length: 4;
}


.dashedCategoryAxis {
        minor-tick-placement: none;
        tick-length: 0;
        tick-placement: cross;
}


.horizontalGridLines {
        grid-direction: vertical;
        horizontal-show-origin: false;
        horizontal-tick-aligned: true;
        vertical-show-origin: true;
        vertical-tick-aligned: true;
}


.bothGridLines {
        grid-direction: both;
        horizontal-show-origin: true;
        horizontal-tick-aligned: true;
        vertical-show-origin: true;
        vertical-tick-aligned: true;
}


.FileProxy {
}


.LocalStorage {
}


.CheckBox {
        font-family: sans-serif;
        font-size: 12px;
}


.RadioButton {
        font-family: sans-serif;
        font-size: 12px;
}


@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%;
    }
}