/**
 * *  Licensed to the Apache Software Foundation (ASF) under one or more
 * *  contributor license agreements.  See the NOTICE file distributed with
 * *  this work for additional information regarding copyright ownership.
 * *  The ASF licenses this file to You under the Apache License, Version 2.0
 * *  (the "License"); you may not use this file except in compliance with
 * *  the License.  You may obtain a copy of the License at
 * *
 * *      http://www.apache.org/licenses/LICENSE-2.0
 * *
 * *  Unless required by applicable law or agreed to in writing, software
 * *  distributed under the License is distributed on an "AS IS" BASIS,
 * *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * *  See the License for the specific language governing permissions and
 * *  limitations under the License.
 * */
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

::-moz-focus-inner, ::-moz-focus-outer {
  border: 0;
}

input:focus, textarea:focus, select:focus, div:focus, label:focus, nav:focus, li:focus, a:focus {
  outline: none;
}

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

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

button, input, textarea {
  font-size: 100%;
}

.cursor-pointer {
  cursor: pointer !important;
}

j|View {
  IBeadView: ClassReference("org.apache.royale.html.beads.GroupView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.ViewLayout");
}

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

j|Group {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.BasicLayout");
  IBeadView: ClassReference("org.apache.royale.html.beads.GroupView");
}

.jewel.group {
  overflow: visible;
}

j|HGroup {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
}

j|VGroup {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VerticalLayout");
}

j|Grid {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.GridLayout");
}

j|ScrollableGrid {
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.scrollbar.ScrollingViewport");
}

j|GridCell {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.GridCellLayout");
}

j|Container {
  IBeadView: ClassReference("org.apache.royale.html.beads.ContainerView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.BasicLayout");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.Viewport");
}

j|HContainer {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
}

j|VContainer {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VerticalLayout");
}

j|Image {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.ImageModel");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ImageView");
}

j|BinaryImage {
  IBeadModel: ClassReference("org.apache.royale.html.beads.models.BinaryImageModel");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ImageView");
  IBinaryImageLoader: ClassReference("org.apache.royale.html.beads.BinaryImageLoader");
}

j|DataContainer {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.DataProviderModel");
  IBeadView: ClassReference("org.apache.royale.html.beads.DataContainerView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VerticalLayout");
  IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.DataItemRendererFactoryForCollectionView");
  IItemRendererClassFactory: ClassReference("org.apache.royale.core.ItemRendererClassFactory");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.StringItemRenderer");
  IItemRendererInitializer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.DataContainerItemRendererInitializer");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.Viewport");
}

j|Validator {
  ILocalizedValuesImpl: ClassReference("org.apache.royale.core.SimpleLocalizedValuesImpl");
}

j|Form {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.FormLayout");
}

@media -royale-swf {
  j|Container {
    IContentView: ClassReference("org.apache.royale.html.supportClasses.ContainerContentArea");
  }
}
hr {
  border: 0;
  height: 1px;
}

.responsiveSizeMonitor {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 250px;
}
.responsiveSizeMonitor strong {
  color: yellow;
}

.jewel.alert {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 350px;
  min-height: 200px;
}
.jewel.alert .jewel.titlebar {
  height: 50px;
}
.jewel.alert .content {
  position: absolute;
  top: 50px;
  bottom: 50px;
  width: 100%;
  overflow-y: auto;
}
.jewel.alert .content .jewel.label {
  white-space: normal;
}
.jewel.alert .jewel.controlbar {
  bottom: 0;
  height: 50px;
}
@media all and (-ms-high-contrast: none) {
  .jewel.alert {
    display: table;
  }
}
@media (min-width: 768px) {
  .jewel.alert {
    min-width: 450px;
  }
}
j|Alert {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.AlertModel");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.AlertController");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.AlertView");
}

.jewel.badge {
  z-index: 2;
  position: absolute;
  top: -1em;
  right: -1em;
  text-transform: initial;
  padding: 0.5em;
  min-width: 2.1em;
}
.jewel.badge.overlap {
  top: 0em;
  right: 0em;
}
.jewel.badge.subindex {
  top: auto;
  bottom: -1em;
}
.jewel.badge.subindex.overlap {
  top: auto;
  bottom: 0em;
}
.jewel.badge.preindex {
  left: -1em;
  right: auto;
}
.jewel.badge.preindex.overlap {
  left: 0em;
  right: auto;
}

.jewel.button {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  overflow: hidden;
  outline: none;
  white-space: nowrap;
  line-height: normal !important;
  text-align: center;
  text-decoration: none;
}
.jewel.button[disabled] {
  cursor: default;
}
.jewel.button.multiline {
  white-space: pre-wrap;
}
.jewel.button .fonticon {
  cursor: inherit;
}
.jewel.button.viewport {
  overflow: visible;
}

@media -royale-swf {
  j|Button {
    IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.TextModel");
    IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ButtonView");
  }
}
.jewel.buttonbar .jewel.button, .jewel.buttonbar .jewel.togglebutton {
  border-radius: 0;
}
.jewel.buttonbar .jewel.button.first, .jewel.buttonbar .jewel.togglebutton.first {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.jewel.buttonbar .jewel.button.last, .jewel.buttonbar .jewel.togglebutton.last {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

j|ButtonBar {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.ButtonBarModel");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ButtonBarView");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.ListSingleSelectionMouseController");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.ButtonBarLayout");
  IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.SelectionDataItemRendererFactoryForCollectionView");
  IItemRendererClassFactory: ClassReference("org.apache.royale.core.ItemRendererClassFactory");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.ButtonBarItemRenderer");
  IItemRendererInitializer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.ButtonBarItemRendererInitializer");
}

@media -royale-swf {
  j|ButtonBar {
    IContentView: ClassReference("org.apache.royale.jewel.supportClasses.list.DataGroup");
  }
}
j|IconButtonBar {
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.IconButtonBarItemRenderer");
}

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

j|ToggleButtonBar {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ToggleButtonBarView");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.ToggleButtonBarSelectionMouseController");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.ToggleButtonBarItemRenderer");
}

.jewel.card {
  min-width: 120px;
  min-height: 52px;
  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 {
  width: 100%;
  min-height: 152px;
  position: relative;
  outline: none;
  color: inherit;
  text-decoration: none;
  flex: 1 1 auto;
}
.jewel.card .card-actions {
  width: 100%;
  position: relative;
  outline: none;
  color: inherit;
  text-decoration: none;
}

.jewel.checkbox {
  display: inline-flex;
  position: relative;
  margin: 0;
  padding: 0;
  height: auto;
}
.jewel.checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: inline-flex;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
}
.jewel.checkbox input + span::before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 22px;
  height: 22px;
}
.jewel.checkbox input + span::after {
  content: " ";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 0px;
  top: 0px;
  opacity: 0;
}
.jewel.checkbox input:checked + span::after, .jewel.checkbox input:checked:active + span::after, .jewel.checkbox input:indeterminate + span::after, .jewel.checkbox input:indeterminate:active + span::after {
  opacity: 1;
}
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before, .jewel.checkbox input:indeterminate:focus + span::before, .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;
  position: relative;
  height: auto;
}
.jewel.switch input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: inline-flex;
  opacity: 0;
  width: 44px;
  height: 24px;
  margin: 0;
  padding: 0;
}
.jewel.switch input[disabled] + span {
  cursor: unset;
}
.jewel.switch .switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 24px;
}
.jewel.switch .switch::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
}
.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;
}

j|ComboBox {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.ComboBoxModel");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ComboBoxView");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.ComboBoxController");
  IPopUp: ClassReference("org.apache.royale.jewel.supportClasses.combobox.ComboBoxPopUp");
}

.combobox-popup {
  position: fixed;
  pointer-events: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  contain: strict;
  z-index: 60;
  color: rgba(0, 0, 0, 0.8);
}
.combobox-popup::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.65);
  will-change: opacity;
  transition: opacity 0.4s 0ms;
}
.combobox-popup .jewel.list {
  position: relative;
  transform: translate(-50%, 100%);
  transition: none;
  will-change: transform, opacity;
  bottom: auto;
  top: calc(100% - 10px);
  left: 50%;
  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
  opacity: 0;
}
.combobox-popup.open {
  pointer-events: auto;
}
.combobox-popup.open::before {
  opacity: 1;
}
.combobox-popup.open .jewel.list {
  transform: translate(-50%, -100%);
  transition: transform 0.3s 0ms, opacity 0.3s 0ms;
  opacity: 1;
}

@media (max-width: 767px) {
  .combobox-popup .jewel.list {
    width: 98% !important;
    max-height: 240px !important;
  }
  .combobox-popup .jewel.list .jewel.item {
    min-height: 48px !important;
  }
}
@media (min-width: 767px) {
  .combobox-popup::before {
    background-color: rgba(0, 0, 0, 0);
  }
  .combobox-popup .jewel.list {
    transform: none;
    transition: none;
    box-shadow: none !important;
  }
  .combobox-popup .jewel.list .jewel.item {
    overflow: hidden;
    transition: height 200ms ease-in;
  }
  .combobox-popup.open .jewel.list {
    transform: none;
    top: auto;
    left: auto;
  }
}
j|ComboBoxPopUp {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ComboBoxPopUpView");
}

j|VirtualComboBox {
  IPopUp: ClassReference("org.apache.royale.jewel.supportClasses.combobox.VirtualComboBoxPopUp");
}

j|VirtualComboBoxPopUp {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.VirtualComboBoxPopUpView");
}

.jewel.datagrid {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto;
}
.jewel.datagrid .jewel.buttonbar.header {
  width: 100%;
  flex: 0 0 auto;
}
.jewel.datagrid .jewel.buttonbar.header .jewel.button {
  width: 100%;
}
.jewel.datagrid .listarea {
  width: 100%;
  flex: 1 1 auto;
}
.jewel.datagrid .jewel.list.column {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  min-height: 100%;
}
.jewel.datagrid .jewel.list.column .jewel.item.datagrid {
  width: 100%;
}
.jewel.datagrid span:empty:before {
  content: "\200b";
}
.jewel.datagrid .first.jewel.list, .jewel.datagrid .middle.jewel.list {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.jewel.datagrid .first.jewel.list::-webkit-scrollbar, .jewel.datagrid .middle.jewel.list::-webkit-scrollbar {
  display: none;
}

j|DataGrid {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.DataGridView");
  IBeadModel: ClassReference("org.apache.royale.html.beads.models.DataGridCollectionViewModel");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.DataGridLayout");
  headerClass: ClassReference("org.apache.royale.jewel.supportClasses.datagrid.DataGridButtonBar");
  headerLayoutClass: ClassReference("org.apache.royale.jewel.beads.layouts.DataGridColumnLayout");
  listAreaClass: ClassReference("org.apache.royale.jewel.supportClasses.datagrid.DataGridListArea");
  columnClass: ClassReference("org.apache.royale.jewel.supportClasses.datagrid.DataGridColumnList");
}

j|DataGridListArea {
  IBeadView: ClassReference("org.apache.royale.html.beads.ContainerView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.scrollbar.ScrollingViewport");
}

j|DataGridColumnList {
  IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.DataGridItemRenderer");
  IItemRendererInitializer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.DataGridColumnListItemRendererInitializer");
  ISelectableItemRenderer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.ClassSelectorListSelectableItemRendererBead");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.Viewport");
}

j|DataGridButtonBar {
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.DatagridHeaderRenderer");
}

j|VirtualDataGrid {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.VirtualDataGridView");
  columnClass: ClassReference("org.apache.royale.jewel.supportClasses.datagrid.VirtualDataGridColumnList");
}

j|VirtualDataGridListArea {
  IBeadView: ClassReference("org.apache.royale.html.beads.ContainerView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
  listAreaClass: ClassReference("org.apache.royale.jewel.supportClasses.datagrid.VirtualDataGrid");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.Viewport");
}

j|VirtualDataGridColumnList {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VirtualDataGridListAreaLayout");
  IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.DataGridItemRenderer");
  IItemRendererInitializer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.DataGridColumnListItemRendererInitializer");
  ISelectableItemRenderer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.ClassSelectorListSelectableItemRendererBead");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.scrollbar.ScrollingViewport");
}

.jewel.datechooser .jewel.table {
  min-width: 324px;
  min-height: 364px;
}
.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::after, .jewel.datechooser .jewel.table .jewel.tableheadercell.buttonsRow .nextButton::after {
  content: " ";
  position: absolute;
}
j|DateChooser {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.DateChooserModel");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.DateChooserView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VerticalLayout");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.DateChooserMouseController");
}

.jewel.datefield {
  display: inline-flex;
}
.jewel.datefield .jewel.textinput input {
  width: 9.2em;
}
.jewel.datefield .jewel.button::before {
  margin: 0;
  padding: 0;
  line-height: 22px;
}
.jewel.datefield .jewel.button::after {
  content: " ";
  position: absolute;
  width: 22px;
  height: 22px;
  left: calc(50% - 11px);
  top: calc(50% - 11px);
}

.datechooser-popup {
  position: fixed;
  pointer-events: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  contain: strict;
  z-index: 60;
  color: rgba(0, 0, 0, 0.8);
}
.datechooser-popup::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.65);
  will-change: opacity;
  transition: opacity 0.4s 0ms;
}
.datechooser-popup .jewel.table {
  position: relative;
  transform: translate(-50%, 100%);
  transition: none;
  will-change: transform, opacity;
  bottom: auto;
  top: calc(100% - 10px);
  left: 50%;
  touch-action: none;
  box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7) !important;
  opacity: 0;
}
.datechooser-popup.open {
  pointer-events: auto;
}
.datechooser-popup.open::before {
  opacity: 1;
}
.datechooser-popup.open .jewel.table {
  transform: translate(-50%, -100%);
  transition: transform 0.4s 0ms, opacity 0.4s 0ms;
  opacity: 1;
}

@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);
  }
  .datechooser-popup .jewel.table {
    transform: none;
    transition: none;
    box-shadow: none !important;
  }
  .datechooser-popup .jewel.table .jewel.item {
    height: 0;
    overflow: hidden;
    transition: height 200ms ease-in;
  }
  .datechooser-popup.open .jewel.table {
    transform: none;
    top: auto;
    left: auto;
  }
  .datechooser-popup.open .jewel.table .jewel.item {
    height: 34px;
  }
}
j|DateField {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.DateFieldView");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.DateChooserModel");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.DateFieldMouseController");
  IFormatter: ClassReference("org.apache.royale.html.accessories.StringDateFormatter");
  IPopUp: ClassReference("org.apache.royale.jewel.DateChooser");
}

.jewel.divider {
  height: 0;
  margin: 0;
}

j|Divider {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

.jewel.drawer.float {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  contain: strict;
  z-index: 100;
}
.jewel.drawer.float::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
}
.jewel.drawer.float .drawermain {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 0;
  right: initial;
  height: 100%;
}
.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;
  left: 0;
  right: auto;
  height: 100%;
  overflow: hidden;
  touch-action: none;
}
.jewel.drawer.fixed.open {
  pointer-events: auto;
}
.jewel.drawer.fixed.open .drawermain {
  transform: none;
}

@media (min-width: 768px) {
  .jewel.drawer.float .drawermain {
    width: calc(100% - 60px);
    max-width: 310px;
  }
}
.jewel.drawerheader {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.jewel.drawerheader div {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: flex-end;
}

.jewel.drawercontent {
  flex: 1 100 auto;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.jewel.drawerfooter {
  display: flex;
  position: relative;
  width: 100%;
  height: 66px;
}

j|DrawerBase {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|Drawer {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|DrawerHeader {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|DrawerContent {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

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

j|DropDownList {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.DropDownListView");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.DropDownListModel");
  IDataProviderItemRendererMapper: ClassReference("org.apache.royale.jewel.beads.itemRenderers.DropDownListItemRendererFactoryForCollectionView");
  IItemRendererClassFactory: ClassReference("org.apache.royale.core.ItemRendererClassFactory");
  IItemRendererInitializer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.DropDownListItemRendererInitializer");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.DropDownListItemRenderer");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.DropDownListController");
}

@media -royale-swf {
  j|DropDownList {
    IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.ArrayListSelectionModel");
    IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.DropDownListController");
    IPopUp: ClassReference("org.apache.royale.jewel.supportClasses.dropdownlist.DropDownListList");
  }
}
.jewel.footerbar {
  display: inline-flex;
  flex: 1 1 auto;
}
.jewel.footerbar .footerBarAppHeader {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  z-index: 20;
  position: fixed;
  bottom: 0px;
}
.jewel.footerbar .footerBarAppHeader.fixed {
  transition: box-shadow 200ms linear;
}
.jewel.footerbar .jewel.barrow {
  display: flex;
  position: relative;
  width: 100%;
  height: 64px;
}
.jewel.footerbar .jewel.barsection {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  z-index: 1;
  order: -1;
}
.jewel.footerbar .jewel.barsection button {
  will-change: transform, opacity;
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  outline: none;
  text-decoration: none;
  opacity: 1;
}
.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;
  white-space: nowrap;
  flex: 1 1 auto;
  overflow: hidden;
  z-index: 1;
  line-height: 2rem;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  text-overflow: ellipsis;
}

j|FooterBar {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

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

j|FormHeading {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.FormHeadingView");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.TextModel");
}

j|FormItem {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.FormItemLayout");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.FormItemView");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.FormItemModel");
  IFormItemContentArea: ClassReference("org.apache.royale.jewel.Group");
  IFormItemLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VerticalLayout");
}

.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;
}
j|ImageButton {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.ImageModel");
}

.jewel.item, .jewel.navigationlink, .jewel.tabbarbutton {
  text-decoration: none;
  letter-spacing: 0;
  line-height: normal !important;
  overflow: hidden;
  cursor: auto;
  flex-shrink: 0;
  position: relative;
  list-style: none;
}
.jewel.item.selectable, .jewel.item.hoverable, .jewel.navigationlink.selectable, .jewel.navigationlink.hoverable, .jewel.tabbarbutton.selectable, .jewel.tabbarbutton.hoverable {
  cursor: pointer;
}
.jewel.item .fonticon, .jewel.navigationlink .fonticon, .jewel.tabbarbutton .fonticon {
  cursor: inherit;
}

j|ListItemRenderer {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.BasicLayout");
  IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
}

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

j|Label {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.TextModel");
}

.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 {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.layout.horizontal > * {
  flex: 0 1 auto;
}
.layout.horizontal.flow {
  flex-wrap: wrap;
  max-width: 100%;
}
.layout.horizontal.centered {
  justify-content: center;
  align-items: center;
  align-content: center;
}
.layout.horizontal.centered > * {
  flex: 0 0 auto !important;
}
.layout.horizontal.tile {
  flex-wrap: wrap;
}
.layout.horizontal.formitem {
  width: 100%;
  align-items: flex-start;
}
.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 {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.layout.vertical > * {
  flex: 0 1 auto;
}
.layout.vertical.flow {
  flex-wrap: wrap;
}
.layout.vertical.centered {
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
  height: 100%;
}
.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%;
}
@media (min-width: 0px) {
  .layout.grid .phone-col-1-1 {
    width: 100%;
  }
  .layout.grid .phone-col-1-2 {
    width: 50%;
  }
  .layout.grid .phone-col-2-2 {
    width: 100%;
  }
  .layout.grid .phone-col-1-3 {
    width: 33.3333333333%;
  }
  .layout.grid .phone-col-2-3 {
    width: 66.6666666667%;
  }
  .layout.grid .phone-col-3-3 {
    width: 100%;
  }
  .layout.grid .phone-col-1-4 {
    width: 25%;
  }
  .layout.grid .phone-col-2-4 {
    width: 50%;
  }
  .layout.grid .phone-col-3-4 {
    width: 75%;
  }
  .layout.grid .phone-col-4-4 {
    width: 100%;
  }
  .layout.grid .phone-col-1-5 {
    width: 20%;
  }
  .layout.grid .phone-col-2-5 {
    width: 40%;
  }
  .layout.grid .phone-col-3-5 {
    width: 60%;
  }
  .layout.grid .phone-col-4-5 {
    width: 80%;
  }
  .layout.grid .phone-col-5-5 {
    width: 100%;
  }
  .layout.grid .phone-col-1-6 {
    width: 16.6666666667%;
  }
  .layout.grid .phone-col-2-6 {
    width: 33.3333333333%;
  }
  .layout.grid .phone-col-3-6 {
    width: 50%;
  }
  .layout.grid .phone-col-4-6 {
    width: 66.6666666667%;
  }
  .layout.grid .phone-col-5-6 {
    width: 83.3333333333%;
  }
  .layout.grid .phone-col-6-6 {
    width: 100%;
  }
  .layout.grid .phone-col-1-7 {
    width: 14.2857142857%;
  }
  .layout.grid .phone-col-2-7 {
    width: 28.5714285714%;
  }
  .layout.grid .phone-col-3-7 {
    width: 42.8571428571%;
  }
  .layout.grid .phone-col-4-7 {
    width: 57.1428571429%;
  }
  .layout.grid .phone-col-5-7 {
    width: 71.4285714286%;
  }
  .layout.grid .phone-col-6-7 {
    width: 85.7142857143%;
  }
  .layout.grid .phone-col-7-7 {
    width: 100%;
  }
  .layout.grid .phone-col-1-8 {
    width: 12.5%;
  }
  .layout.grid .phone-col-2-8 {
    width: 25%;
  }
  .layout.grid .phone-col-3-8 {
    width: 37.5%;
  }
  .layout.grid .phone-col-4-8 {
    width: 50%;
  }
  .layout.grid .phone-col-5-8 {
    width: 62.5%;
  }
  .layout.grid .phone-col-6-8 {
    width: 75%;
  }
  .layout.grid .phone-col-7-8 {
    width: 87.5%;
  }
  .layout.grid .phone-col-8-8 {
    width: 100%;
  }
  .layout.grid .phone-col-1-9 {
    width: 11.1111111111%;
  }
  .layout.grid .phone-col-2-9 {
    width: 22.2222222222%;
  }
  .layout.grid .phone-col-3-9 {
    width: 33.3333333333%;
  }
  .layout.grid .phone-col-4-9 {
    width: 44.4444444444%;
  }
  .layout.grid .phone-col-5-9 {
    width: 55.5555555556%;
  }
  .layout.grid .phone-col-6-9 {
    width: 66.6666666667%;
  }
  .layout.grid .phone-col-7-9 {
    width: 77.7777777778%;
  }
  .layout.grid .phone-col-8-9 {
    width: 88.8888888889%;
  }
  .layout.grid .phone-col-9-9 {
    width: 100%;
  }
  .layout.grid .phone-col-1-10 {
    width: 10%;
  }
  .layout.grid .phone-col-2-10 {
    width: 20%;
  }
  .layout.grid .phone-col-3-10 {
    width: 30%;
  }
  .layout.grid .phone-col-4-10 {
    width: 40%;
  }
  .layout.grid .phone-col-5-10 {
    width: 50%;
  }
  .layout.grid .phone-col-6-10 {
    width: 60%;
  }
  .layout.grid .phone-col-7-10 {
    width: 70%;
  }
  .layout.grid .phone-col-8-10 {
    width: 80%;
  }
  .layout.grid .phone-col-9-10 {
    width: 90%;
  }
  .layout.grid .phone-col-10-10 {
    width: 100%;
  }
  .layout.grid .phone-col-1-11 {
    width: 9.0909090909%;
  }
  .layout.grid .phone-col-2-11 {
    width: 18.1818181818%;
  }
  .layout.grid .phone-col-3-11 {
    width: 27.2727272727%;
  }
  .layout.grid .phone-col-4-11 {
    width: 36.3636363636%;
  }
  .layout.grid .phone-col-5-11 {
    width: 45.4545454545%;
  }
  .layout.grid .phone-col-6-11 {
    width: 54.5454545455%;
  }
  .layout.grid .phone-col-7-11 {
    width: 63.6363636364%;
  }
  .layout.grid .phone-col-8-11 {
    width: 72.7272727273%;
  }
  .layout.grid .phone-col-9-11 {
    width: 81.8181818182%;
  }
  .layout.grid .phone-col-10-11 {
    width: 90.9090909091%;
  }
  .layout.grid .phone-col-11-11 {
    width: 100%;
  }
  .layout.grid .phone-col-1-12 {
    width: 8.3333333333%;
  }
  .layout.grid .phone-col-2-12 {
    width: 16.6666666667%;
  }
  .layout.grid .phone-col-3-12 {
    width: 25%;
  }
  .layout.grid .phone-col-4-12 {
    width: 33.3333333333%;
  }
  .layout.grid .phone-col-5-12 {
    width: 41.6666666667%;
  }
  .layout.grid .phone-col-6-12 {
    width: 50%;
  }
  .layout.grid .phone-col-7-12 {
    width: 58.3333333333%;
  }
  .layout.grid .phone-col-8-12 {
    width: 66.6666666667%;
  }
  .layout.grid .phone-col-9-12 {
    width: 75%;
  }
  .layout.grid .phone-col-10-12 {
    width: 83.3333333333%;
  }
  .layout.grid .phone-col-11-12 {
    width: 91.6666666667%;
  }
  .layout.grid .phone-col-12-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .layout.grid .tablet-col-1-1 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-2 {
    width: 50%;
  }
  .layout.grid .tablet-col-2-2 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-3 {
    width: 33.3333333333%;
  }
  .layout.grid .tablet-col-2-3 {
    width: 66.6666666667%;
  }
  .layout.grid .tablet-col-3-3 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-4 {
    width: 25%;
  }
  .layout.grid .tablet-col-2-4 {
    width: 50%;
  }
  .layout.grid .tablet-col-3-4 {
    width: 75%;
  }
  .layout.grid .tablet-col-4-4 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-5 {
    width: 20%;
  }
  .layout.grid .tablet-col-2-5 {
    width: 40%;
  }
  .layout.grid .tablet-col-3-5 {
    width: 60%;
  }
  .layout.grid .tablet-col-4-5 {
    width: 80%;
  }
  .layout.grid .tablet-col-5-5 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-6 {
    width: 16.6666666667%;
  }
  .layout.grid .tablet-col-2-6 {
    width: 33.3333333333%;
  }
  .layout.grid .tablet-col-3-6 {
    width: 50%;
  }
  .layout.grid .tablet-col-4-6 {
    width: 66.6666666667%;
  }
  .layout.grid .tablet-col-5-6 {
    width: 83.3333333333%;
  }
  .layout.grid .tablet-col-6-6 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-7 {
    width: 14.2857142857%;
  }
  .layout.grid .tablet-col-2-7 {
    width: 28.5714285714%;
  }
  .layout.grid .tablet-col-3-7 {
    width: 42.8571428571%;
  }
  .layout.grid .tablet-col-4-7 {
    width: 57.1428571429%;
  }
  .layout.grid .tablet-col-5-7 {
    width: 71.4285714286%;
  }
  .layout.grid .tablet-col-6-7 {
    width: 85.7142857143%;
  }
  .layout.grid .tablet-col-7-7 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-8 {
    width: 12.5%;
  }
  .layout.grid .tablet-col-2-8 {
    width: 25%;
  }
  .layout.grid .tablet-col-3-8 {
    width: 37.5%;
  }
  .layout.grid .tablet-col-4-8 {
    width: 50%;
  }
  .layout.grid .tablet-col-5-8 {
    width: 62.5%;
  }
  .layout.grid .tablet-col-6-8 {
    width: 75%;
  }
  .layout.grid .tablet-col-7-8 {
    width: 87.5%;
  }
  .layout.grid .tablet-col-8-8 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-9 {
    width: 11.1111111111%;
  }
  .layout.grid .tablet-col-2-9 {
    width: 22.2222222222%;
  }
  .layout.grid .tablet-col-3-9 {
    width: 33.3333333333%;
  }
  .layout.grid .tablet-col-4-9 {
    width: 44.4444444444%;
  }
  .layout.grid .tablet-col-5-9 {
    width: 55.5555555556%;
  }
  .layout.grid .tablet-col-6-9 {
    width: 66.6666666667%;
  }
  .layout.grid .tablet-col-7-9 {
    width: 77.7777777778%;
  }
  .layout.grid .tablet-col-8-9 {
    width: 88.8888888889%;
  }
  .layout.grid .tablet-col-9-9 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-10 {
    width: 10%;
  }
  .layout.grid .tablet-col-2-10 {
    width: 20%;
  }
  .layout.grid .tablet-col-3-10 {
    width: 30%;
  }
  .layout.grid .tablet-col-4-10 {
    width: 40%;
  }
  .layout.grid .tablet-col-5-10 {
    width: 50%;
  }
  .layout.grid .tablet-col-6-10 {
    width: 60%;
  }
  .layout.grid .tablet-col-7-10 {
    width: 70%;
  }
  .layout.grid .tablet-col-8-10 {
    width: 80%;
  }
  .layout.grid .tablet-col-9-10 {
    width: 90%;
  }
  .layout.grid .tablet-col-10-10 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-11 {
    width: 9.0909090909%;
  }
  .layout.grid .tablet-col-2-11 {
    width: 18.1818181818%;
  }
  .layout.grid .tablet-col-3-11 {
    width: 27.2727272727%;
  }
  .layout.grid .tablet-col-4-11 {
    width: 36.3636363636%;
  }
  .layout.grid .tablet-col-5-11 {
    width: 45.4545454545%;
  }
  .layout.grid .tablet-col-6-11 {
    width: 54.5454545455%;
  }
  .layout.grid .tablet-col-7-11 {
    width: 63.6363636364%;
  }
  .layout.grid .tablet-col-8-11 {
    width: 72.7272727273%;
  }
  .layout.grid .tablet-col-9-11 {
    width: 81.8181818182%;
  }
  .layout.grid .tablet-col-10-11 {
    width: 90.9090909091%;
  }
  .layout.grid .tablet-col-11-11 {
    width: 100%;
  }
  .layout.grid .tablet-col-1-12 {
    width: 8.3333333333%;
  }
  .layout.grid .tablet-col-2-12 {
    width: 16.6666666667%;
  }
  .layout.grid .tablet-col-3-12 {
    width: 25%;
  }
  .layout.grid .tablet-col-4-12 {
    width: 33.3333333333%;
  }
  .layout.grid .tablet-col-5-12 {
    width: 41.6666666667%;
  }
  .layout.grid .tablet-col-6-12 {
    width: 50%;
  }
  .layout.grid .tablet-col-7-12 {
    width: 58.3333333333%;
  }
  .layout.grid .tablet-col-8-12 {
    width: 66.6666666667%;
  }
  .layout.grid .tablet-col-9-12 {
    width: 75%;
  }
  .layout.grid .tablet-col-10-12 {
    width: 83.3333333333%;
  }
  .layout.grid .tablet-col-11-12 {
    width: 91.6666666667%;
  }
  .layout.grid .tablet-col-12-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .layout.grid .desktop-col-1-1 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-2 {
    width: 50%;
  }
  .layout.grid .desktop-col-2-2 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-3 {
    width: 33.3333333333%;
  }
  .layout.grid .desktop-col-2-3 {
    width: 66.6666666667%;
  }
  .layout.grid .desktop-col-3-3 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-4 {
    width: 25%;
  }
  .layout.grid .desktop-col-2-4 {
    width: 50%;
  }
  .layout.grid .desktop-col-3-4 {
    width: 75%;
  }
  .layout.grid .desktop-col-4-4 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-5 {
    width: 20%;
  }
  .layout.grid .desktop-col-2-5 {
    width: 40%;
  }
  .layout.grid .desktop-col-3-5 {
    width: 60%;
  }
  .layout.grid .desktop-col-4-5 {
    width: 80%;
  }
  .layout.grid .desktop-col-5-5 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-6 {
    width: 16.6666666667%;
  }
  .layout.grid .desktop-col-2-6 {
    width: 33.3333333333%;
  }
  .layout.grid .desktop-col-3-6 {
    width: 50%;
  }
  .layout.grid .desktop-col-4-6 {
    width: 66.6666666667%;
  }
  .layout.grid .desktop-col-5-6 {
    width: 83.3333333333%;
  }
  .layout.grid .desktop-col-6-6 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-7 {
    width: 14.2857142857%;
  }
  .layout.grid .desktop-col-2-7 {
    width: 28.5714285714%;
  }
  .layout.grid .desktop-col-3-7 {
    width: 42.8571428571%;
  }
  .layout.grid .desktop-col-4-7 {
    width: 57.1428571429%;
  }
  .layout.grid .desktop-col-5-7 {
    width: 71.4285714286%;
  }
  .layout.grid .desktop-col-6-7 {
    width: 85.7142857143%;
  }
  .layout.grid .desktop-col-7-7 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-8 {
    width: 12.5%;
  }
  .layout.grid .desktop-col-2-8 {
    width: 25%;
  }
  .layout.grid .desktop-col-3-8 {
    width: 37.5%;
  }
  .layout.grid .desktop-col-4-8 {
    width: 50%;
  }
  .layout.grid .desktop-col-5-8 {
    width: 62.5%;
  }
  .layout.grid .desktop-col-6-8 {
    width: 75%;
  }
  .layout.grid .desktop-col-7-8 {
    width: 87.5%;
  }
  .layout.grid .desktop-col-8-8 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-9 {
    width: 11.1111111111%;
  }
  .layout.grid .desktop-col-2-9 {
    width: 22.2222222222%;
  }
  .layout.grid .desktop-col-3-9 {
    width: 33.3333333333%;
  }
  .layout.grid .desktop-col-4-9 {
    width: 44.4444444444%;
  }
  .layout.grid .desktop-col-5-9 {
    width: 55.5555555556%;
  }
  .layout.grid .desktop-col-6-9 {
    width: 66.6666666667%;
  }
  .layout.grid .desktop-col-7-9 {
    width: 77.7777777778%;
  }
  .layout.grid .desktop-col-8-9 {
    width: 88.8888888889%;
  }
  .layout.grid .desktop-col-9-9 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-10 {
    width: 10%;
  }
  .layout.grid .desktop-col-2-10 {
    width: 20%;
  }
  .layout.grid .desktop-col-3-10 {
    width: 30%;
  }
  .layout.grid .desktop-col-4-10 {
    width: 40%;
  }
  .layout.grid .desktop-col-5-10 {
    width: 50%;
  }
  .layout.grid .desktop-col-6-10 {
    width: 60%;
  }
  .layout.grid .desktop-col-7-10 {
    width: 70%;
  }
  .layout.grid .desktop-col-8-10 {
    width: 80%;
  }
  .layout.grid .desktop-col-9-10 {
    width: 90%;
  }
  .layout.grid .desktop-col-10-10 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-11 {
    width: 9.0909090909%;
  }
  .layout.grid .desktop-col-2-11 {
    width: 18.1818181818%;
  }
  .layout.grid .desktop-col-3-11 {
    width: 27.2727272727%;
  }
  .layout.grid .desktop-col-4-11 {
    width: 36.3636363636%;
  }
  .layout.grid .desktop-col-5-11 {
    width: 45.4545454545%;
  }
  .layout.grid .desktop-col-6-11 {
    width: 54.5454545455%;
  }
  .layout.grid .desktop-col-7-11 {
    width: 63.6363636364%;
  }
  .layout.grid .desktop-col-8-11 {
    width: 72.7272727273%;
  }
  .layout.grid .desktop-col-9-11 {
    width: 81.8181818182%;
  }
  .layout.grid .desktop-col-10-11 {
    width: 90.9090909091%;
  }
  .layout.grid .desktop-col-11-11 {
    width: 100%;
  }
  .layout.grid .desktop-col-1-12 {
    width: 8.3333333333%;
  }
  .layout.grid .desktop-col-2-12 {
    width: 16.6666666667%;
  }
  .layout.grid .desktop-col-3-12 {
    width: 25%;
  }
  .layout.grid .desktop-col-4-12 {
    width: 33.3333333333%;
  }
  .layout.grid .desktop-col-5-12 {
    width: 41.6666666667%;
  }
  .layout.grid .desktop-col-6-12 {
    width: 50%;
  }
  .layout.grid .desktop-col-7-12 {
    width: 58.3333333333%;
  }
  .layout.grid .desktop-col-8-12 {
    width: 66.6666666667%;
  }
  .layout.grid .desktop-col-9-12 {
    width: 75%;
  }
  .layout.grid .desktop-col-10-12 {
    width: 83.3333333333%;
  }
  .layout.grid .desktop-col-11-12 {
    width: 91.6666666667%;
  }
  .layout.grid .desktop-col-12-12 {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .layout.grid .widescreen-col-1-1 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-2 {
    width: 50%;
  }
  .layout.grid .widescreen-col-2-2 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-3 {
    width: 33.3333333333%;
  }
  .layout.grid .widescreen-col-2-3 {
    width: 66.6666666667%;
  }
  .layout.grid .widescreen-col-3-3 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-4 {
    width: 25%;
  }
  .layout.grid .widescreen-col-2-4 {
    width: 50%;
  }
  .layout.grid .widescreen-col-3-4 {
    width: 75%;
  }
  .layout.grid .widescreen-col-4-4 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-5 {
    width: 20%;
  }
  .layout.grid .widescreen-col-2-5 {
    width: 40%;
  }
  .layout.grid .widescreen-col-3-5 {
    width: 60%;
  }
  .layout.grid .widescreen-col-4-5 {
    width: 80%;
  }
  .layout.grid .widescreen-col-5-5 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-6 {
    width: 16.6666666667%;
  }
  .layout.grid .widescreen-col-2-6 {
    width: 33.3333333333%;
  }
  .layout.grid .widescreen-col-3-6 {
    width: 50%;
  }
  .layout.grid .widescreen-col-4-6 {
    width: 66.6666666667%;
  }
  .layout.grid .widescreen-col-5-6 {
    width: 83.3333333333%;
  }
  .layout.grid .widescreen-col-6-6 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-7 {
    width: 14.2857142857%;
  }
  .layout.grid .widescreen-col-2-7 {
    width: 28.5714285714%;
  }
  .layout.grid .widescreen-col-3-7 {
    width: 42.8571428571%;
  }
  .layout.grid .widescreen-col-4-7 {
    width: 57.1428571429%;
  }
  .layout.grid .widescreen-col-5-7 {
    width: 71.4285714286%;
  }
  .layout.grid .widescreen-col-6-7 {
    width: 85.7142857143%;
  }
  .layout.grid .widescreen-col-7-7 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-8 {
    width: 12.5%;
  }
  .layout.grid .widescreen-col-2-8 {
    width: 25%;
  }
  .layout.grid .widescreen-col-3-8 {
    width: 37.5%;
  }
  .layout.grid .widescreen-col-4-8 {
    width: 50%;
  }
  .layout.grid .widescreen-col-5-8 {
    width: 62.5%;
  }
  .layout.grid .widescreen-col-6-8 {
    width: 75%;
  }
  .layout.grid .widescreen-col-7-8 {
    width: 87.5%;
  }
  .layout.grid .widescreen-col-8-8 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-9 {
    width: 11.1111111111%;
  }
  .layout.grid .widescreen-col-2-9 {
    width: 22.2222222222%;
  }
  .layout.grid .widescreen-col-3-9 {
    width: 33.3333333333%;
  }
  .layout.grid .widescreen-col-4-9 {
    width: 44.4444444444%;
  }
  .layout.grid .widescreen-col-5-9 {
    width: 55.5555555556%;
  }
  .layout.grid .widescreen-col-6-9 {
    width: 66.6666666667%;
  }
  .layout.grid .widescreen-col-7-9 {
    width: 77.7777777778%;
  }
  .layout.grid .widescreen-col-8-9 {
    width: 88.8888888889%;
  }
  .layout.grid .widescreen-col-9-9 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-10 {
    width: 10%;
  }
  .layout.grid .widescreen-col-2-10 {
    width: 20%;
  }
  .layout.grid .widescreen-col-3-10 {
    width: 30%;
  }
  .layout.grid .widescreen-col-4-10 {
    width: 40%;
  }
  .layout.grid .widescreen-col-5-10 {
    width: 50%;
  }
  .layout.grid .widescreen-col-6-10 {
    width: 60%;
  }
  .layout.grid .widescreen-col-7-10 {
    width: 70%;
  }
  .layout.grid .widescreen-col-8-10 {
    width: 80%;
  }
  .layout.grid .widescreen-col-9-10 {
    width: 90%;
  }
  .layout.grid .widescreen-col-10-10 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-11 {
    width: 9.0909090909%;
  }
  .layout.grid .widescreen-col-2-11 {
    width: 18.1818181818%;
  }
  .layout.grid .widescreen-col-3-11 {
    width: 27.2727272727%;
  }
  .layout.grid .widescreen-col-4-11 {
    width: 36.3636363636%;
  }
  .layout.grid .widescreen-col-5-11 {
    width: 45.4545454545%;
  }
  .layout.grid .widescreen-col-6-11 {
    width: 54.5454545455%;
  }
  .layout.grid .widescreen-col-7-11 {
    width: 63.6363636364%;
  }
  .layout.grid .widescreen-col-8-11 {
    width: 72.7272727273%;
  }
  .layout.grid .widescreen-col-9-11 {
    width: 81.8181818182%;
  }
  .layout.grid .widescreen-col-10-11 {
    width: 90.9090909091%;
  }
  .layout.grid .widescreen-col-11-11 {
    width: 100%;
  }
  .layout.grid .widescreen-col-1-12 {
    width: 8.3333333333%;
  }
  .layout.grid .widescreen-col-2-12 {
    width: 16.6666666667%;
  }
  .layout.grid .widescreen-col-3-12 {
    width: 25%;
  }
  .layout.grid .widescreen-col-4-12 {
    width: 33.3333333333%;
  }
  .layout.grid .widescreen-col-5-12 {
    width: 41.6666666667%;
  }
  .layout.grid .widescreen-col-6-12 {
    width: 50%;
  }
  .layout.grid .widescreen-col-7-12 {
    width: 58.3333333333%;
  }
  .layout.grid .widescreen-col-8-12 {
    width: 66.6666666667%;
  }
  .layout.grid .widescreen-col-9-12 {
    width: 75%;
  }
  .layout.grid .widescreen-col-10-12 {
    width: 83.3333333333%;
  }
  .layout.grid .widescreen-col-11-12 {
    width: 91.6666666667%;
  }
  .layout.grid .widescreen-col-12-12 {
    width: 100%;
  }
}
.layout.grid.gap > * {
  margin: 5px;
}
@media (min-width: 0px) {
  .layout.grid.gap .phone-col-1-1 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-2 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .phone-col-2-2 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-3 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .phone-col-2-3 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .phone-col-3-3 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-4 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .phone-col-2-4 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .phone-col-3-4 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .phone-col-4-4 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-5 {
    width: calc(20% - 10px);
  }
  .layout.grid.gap .phone-col-2-5 {
    width: calc(40% - 10px);
  }
  .layout.grid.gap .phone-col-3-5 {
    width: calc(60% - 10px);
  }
  .layout.grid.gap .phone-col-4-5 {
    width: calc(80% - 10px);
  }
  .layout.grid.gap .phone-col-5-5 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-6 {
    width: calc(16.6666666667% - 10px);
  }
  .layout.grid.gap .phone-col-2-6 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .phone-col-3-6 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .phone-col-4-6 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .phone-col-5-6 {
    width: calc(83.3333333333% - 10px);
  }
  .layout.grid.gap .phone-col-6-6 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-7 {
    width: calc(14.2857142857% - 10px);
  }
  .layout.grid.gap .phone-col-2-7 {
    width: calc(28.5714285714% - 10px);
  }
  .layout.grid.gap .phone-col-3-7 {
    width: calc(42.8571428571% - 10px);
  }
  .layout.grid.gap .phone-col-4-7 {
    width: calc(57.1428571429% - 10px);
  }
  .layout.grid.gap .phone-col-5-7 {
    width: calc(71.4285714286% - 10px);
  }
  .layout.grid.gap .phone-col-6-7 {
    width: calc(85.7142857143% - 10px);
  }
  .layout.grid.gap .phone-col-7-7 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-8 {
    width: calc(12.5% - 10px);
  }
  .layout.grid.gap .phone-col-2-8 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .phone-col-3-8 {
    width: calc(37.5% - 10px);
  }
  .layout.grid.gap .phone-col-4-8 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .phone-col-5-8 {
    width: calc(62.5% - 10px);
  }
  .layout.grid.gap .phone-col-6-8 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .phone-col-7-8 {
    width: calc(87.5% - 10px);
  }
  .layout.grid.gap .phone-col-8-8 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-9 {
    width: calc(11.1111111111% - 10px);
  }
  .layout.grid.gap .phone-col-2-9 {
    width: calc(22.2222222222% - 10px);
  }
  .layout.grid.gap .phone-col-3-9 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .phone-col-4-9 {
    width: calc(44.4444444444% - 10px);
  }
  .layout.grid.gap .phone-col-5-9 {
    width: calc(55.5555555556% - 10px);
  }
  .layout.grid.gap .phone-col-6-9 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .phone-col-7-9 {
    width: calc(77.7777777778% - 10px);
  }
  .layout.grid.gap .phone-col-8-9 {
    width: calc(88.8888888889% - 10px);
  }
  .layout.grid.gap .phone-col-9-9 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-10 {
    width: calc(10% - 10px);
  }
  .layout.grid.gap .phone-col-2-10 {
    width: calc(20% - 10px);
  }
  .layout.grid.gap .phone-col-3-10 {
    width: calc(30% - 10px);
  }
  .layout.grid.gap .phone-col-4-10 {
    width: calc(40% - 10px);
  }
  .layout.grid.gap .phone-col-5-10 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .phone-col-6-10 {
    width: calc(60% - 10px);
  }
  .layout.grid.gap .phone-col-7-10 {
    width: calc(70% - 10px);
  }
  .layout.grid.gap .phone-col-8-10 {
    width: calc(80% - 10px);
  }
  .layout.grid.gap .phone-col-9-10 {
    width: calc(90% - 10px);
  }
  .layout.grid.gap .phone-col-10-10 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-11 {
    width: calc(9.0909090909% - 10px);
  }
  .layout.grid.gap .phone-col-2-11 {
    width: calc(18.1818181818% - 10px);
  }
  .layout.grid.gap .phone-col-3-11 {
    width: calc(27.2727272727% - 10px);
  }
  .layout.grid.gap .phone-col-4-11 {
    width: calc(36.3636363636% - 10px);
  }
  .layout.grid.gap .phone-col-5-11 {
    width: calc(45.4545454545% - 10px);
  }
  .layout.grid.gap .phone-col-6-11 {
    width: calc(54.5454545455% - 10px);
  }
  .layout.grid.gap .phone-col-7-11 {
    width: calc(63.6363636364% - 10px);
  }
  .layout.grid.gap .phone-col-8-11 {
    width: calc(72.7272727273% - 10px);
  }
  .layout.grid.gap .phone-col-9-11 {
    width: calc(81.8181818182% - 10px);
  }
  .layout.grid.gap .phone-col-10-11 {
    width: calc(90.9090909091% - 10px);
  }
  .layout.grid.gap .phone-col-11-11 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .phone-col-1-12 {
    width: calc(8.3333333333% - 10px);
  }
  .layout.grid.gap .phone-col-2-12 {
    width: calc(16.6666666667% - 10px);
  }
  .layout.grid.gap .phone-col-3-12 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .phone-col-4-12 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .phone-col-5-12 {
    width: calc(41.6666666667% - 10px);
  }
  .layout.grid.gap .phone-col-6-12 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .phone-col-7-12 {
    width: calc(58.3333333333% - 10px);
  }
  .layout.grid.gap .phone-col-8-12 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .phone-col-9-12 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .phone-col-10-12 {
    width: calc(83.3333333333% - 10px);
  }
  .layout.grid.gap .phone-col-11-12 {
    width: calc(91.6666666667% - 10px);
  }
  .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);
  }
  .layout.grid.gap .tablet-col-1-2 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .tablet-col-2-2 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-3 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .tablet-col-2-3 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .tablet-col-3-3 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-4 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .tablet-col-2-4 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .tablet-col-3-4 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .tablet-col-4-4 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-5 {
    width: calc(20% - 10px);
  }
  .layout.grid.gap .tablet-col-2-5 {
    width: calc(40% - 10px);
  }
  .layout.grid.gap .tablet-col-3-5 {
    width: calc(60% - 10px);
  }
  .layout.grid.gap .tablet-col-4-5 {
    width: calc(80% - 10px);
  }
  .layout.grid.gap .tablet-col-5-5 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-6 {
    width: calc(16.6666666667% - 10px);
  }
  .layout.grid.gap .tablet-col-2-6 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .tablet-col-3-6 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .tablet-col-4-6 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .tablet-col-5-6 {
    width: calc(83.3333333333% - 10px);
  }
  .layout.grid.gap .tablet-col-6-6 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-7 {
    width: calc(14.2857142857% - 10px);
  }
  .layout.grid.gap .tablet-col-2-7 {
    width: calc(28.5714285714% - 10px);
  }
  .layout.grid.gap .tablet-col-3-7 {
    width: calc(42.8571428571% - 10px);
  }
  .layout.grid.gap .tablet-col-4-7 {
    width: calc(57.1428571429% - 10px);
  }
  .layout.grid.gap .tablet-col-5-7 {
    width: calc(71.4285714286% - 10px);
  }
  .layout.grid.gap .tablet-col-6-7 {
    width: calc(85.7142857143% - 10px);
  }
  .layout.grid.gap .tablet-col-7-7 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-8 {
    width: calc(12.5% - 10px);
  }
  .layout.grid.gap .tablet-col-2-8 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .tablet-col-3-8 {
    width: calc(37.5% - 10px);
  }
  .layout.grid.gap .tablet-col-4-8 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .tablet-col-5-8 {
    width: calc(62.5% - 10px);
  }
  .layout.grid.gap .tablet-col-6-8 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .tablet-col-7-8 {
    width: calc(87.5% - 10px);
  }
  .layout.grid.gap .tablet-col-8-8 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-9 {
    width: calc(11.1111111111% - 10px);
  }
  .layout.grid.gap .tablet-col-2-9 {
    width: calc(22.2222222222% - 10px);
  }
  .layout.grid.gap .tablet-col-3-9 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .tablet-col-4-9 {
    width: calc(44.4444444444% - 10px);
  }
  .layout.grid.gap .tablet-col-5-9 {
    width: calc(55.5555555556% - 10px);
  }
  .layout.grid.gap .tablet-col-6-9 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .tablet-col-7-9 {
    width: calc(77.7777777778% - 10px);
  }
  .layout.grid.gap .tablet-col-8-9 {
    width: calc(88.8888888889% - 10px);
  }
  .layout.grid.gap .tablet-col-9-9 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-10 {
    width: calc(10% - 10px);
  }
  .layout.grid.gap .tablet-col-2-10 {
    width: calc(20% - 10px);
  }
  .layout.grid.gap .tablet-col-3-10 {
    width: calc(30% - 10px);
  }
  .layout.grid.gap .tablet-col-4-10 {
    width: calc(40% - 10px);
  }
  .layout.grid.gap .tablet-col-5-10 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .tablet-col-6-10 {
    width: calc(60% - 10px);
  }
  .layout.grid.gap .tablet-col-7-10 {
    width: calc(70% - 10px);
  }
  .layout.grid.gap .tablet-col-8-10 {
    width: calc(80% - 10px);
  }
  .layout.grid.gap .tablet-col-9-10 {
    width: calc(90% - 10px);
  }
  .layout.grid.gap .tablet-col-10-10 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-11 {
    width: calc(9.0909090909% - 10px);
  }
  .layout.grid.gap .tablet-col-2-11 {
    width: calc(18.1818181818% - 10px);
  }
  .layout.grid.gap .tablet-col-3-11 {
    width: calc(27.2727272727% - 10px);
  }
  .layout.grid.gap .tablet-col-4-11 {
    width: calc(36.3636363636% - 10px);
  }
  .layout.grid.gap .tablet-col-5-11 {
    width: calc(45.4545454545% - 10px);
  }
  .layout.grid.gap .tablet-col-6-11 {
    width: calc(54.5454545455% - 10px);
  }
  .layout.grid.gap .tablet-col-7-11 {
    width: calc(63.6363636364% - 10px);
  }
  .layout.grid.gap .tablet-col-8-11 {
    width: calc(72.7272727273% - 10px);
  }
  .layout.grid.gap .tablet-col-9-11 {
    width: calc(81.8181818182% - 10px);
  }
  .layout.grid.gap .tablet-col-10-11 {
    width: calc(90.9090909091% - 10px);
  }
  .layout.grid.gap .tablet-col-11-11 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .tablet-col-1-12 {
    width: calc(8.3333333333% - 10px);
  }
  .layout.grid.gap .tablet-col-2-12 {
    width: calc(16.6666666667% - 10px);
  }
  .layout.grid.gap .tablet-col-3-12 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .tablet-col-4-12 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .tablet-col-5-12 {
    width: calc(41.6666666667% - 10px);
  }
  .layout.grid.gap .tablet-col-6-12 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .tablet-col-7-12 {
    width: calc(58.3333333333% - 10px);
  }
  .layout.grid.gap .tablet-col-8-12 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .tablet-col-9-12 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .tablet-col-10-12 {
    width: calc(83.3333333333% - 10px);
  }
  .layout.grid.gap .tablet-col-11-12 {
    width: calc(91.6666666667% - 10px);
  }
  .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);
  }
  .layout.grid.gap .desktop-col-1-2 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .desktop-col-2-2 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-3 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .desktop-col-2-3 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .desktop-col-3-3 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-4 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .desktop-col-2-4 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .desktop-col-3-4 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .desktop-col-4-4 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-5 {
    width: calc(20% - 10px);
  }
  .layout.grid.gap .desktop-col-2-5 {
    width: calc(40% - 10px);
  }
  .layout.grid.gap .desktop-col-3-5 {
    width: calc(60% - 10px);
  }
  .layout.grid.gap .desktop-col-4-5 {
    width: calc(80% - 10px);
  }
  .layout.grid.gap .desktop-col-5-5 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-6 {
    width: calc(16.6666666667% - 10px);
  }
  .layout.grid.gap .desktop-col-2-6 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .desktop-col-3-6 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .desktop-col-4-6 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .desktop-col-5-6 {
    width: calc(83.3333333333% - 10px);
  }
  .layout.grid.gap .desktop-col-6-6 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-7 {
    width: calc(14.2857142857% - 10px);
  }
  .layout.grid.gap .desktop-col-2-7 {
    width: calc(28.5714285714% - 10px);
  }
  .layout.grid.gap .desktop-col-3-7 {
    width: calc(42.8571428571% - 10px);
  }
  .layout.grid.gap .desktop-col-4-7 {
    width: calc(57.1428571429% - 10px);
  }
  .layout.grid.gap .desktop-col-5-7 {
    width: calc(71.4285714286% - 10px);
  }
  .layout.grid.gap .desktop-col-6-7 {
    width: calc(85.7142857143% - 10px);
  }
  .layout.grid.gap .desktop-col-7-7 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-8 {
    width: calc(12.5% - 10px);
  }
  .layout.grid.gap .desktop-col-2-8 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .desktop-col-3-8 {
    width: calc(37.5% - 10px);
  }
  .layout.grid.gap .desktop-col-4-8 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .desktop-col-5-8 {
    width: calc(62.5% - 10px);
  }
  .layout.grid.gap .desktop-col-6-8 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .desktop-col-7-8 {
    width: calc(87.5% - 10px);
  }
  .layout.grid.gap .desktop-col-8-8 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-9 {
    width: calc(11.1111111111% - 10px);
  }
  .layout.grid.gap .desktop-col-2-9 {
    width: calc(22.2222222222% - 10px);
  }
  .layout.grid.gap .desktop-col-3-9 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .desktop-col-4-9 {
    width: calc(44.4444444444% - 10px);
  }
  .layout.grid.gap .desktop-col-5-9 {
    width: calc(55.5555555556% - 10px);
  }
  .layout.grid.gap .desktop-col-6-9 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .desktop-col-7-9 {
    width: calc(77.7777777778% - 10px);
  }
  .layout.grid.gap .desktop-col-8-9 {
    width: calc(88.8888888889% - 10px);
  }
  .layout.grid.gap .desktop-col-9-9 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-10 {
    width: calc(10% - 10px);
  }
  .layout.grid.gap .desktop-col-2-10 {
    width: calc(20% - 10px);
  }
  .layout.grid.gap .desktop-col-3-10 {
    width: calc(30% - 10px);
  }
  .layout.grid.gap .desktop-col-4-10 {
    width: calc(40% - 10px);
  }
  .layout.grid.gap .desktop-col-5-10 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .desktop-col-6-10 {
    width: calc(60% - 10px);
  }
  .layout.grid.gap .desktop-col-7-10 {
    width: calc(70% - 10px);
  }
  .layout.grid.gap .desktop-col-8-10 {
    width: calc(80% - 10px);
  }
  .layout.grid.gap .desktop-col-9-10 {
    width: calc(90% - 10px);
  }
  .layout.grid.gap .desktop-col-10-10 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-11 {
    width: calc(9.0909090909% - 10px);
  }
  .layout.grid.gap .desktop-col-2-11 {
    width: calc(18.1818181818% - 10px);
  }
  .layout.grid.gap .desktop-col-3-11 {
    width: calc(27.2727272727% - 10px);
  }
  .layout.grid.gap .desktop-col-4-11 {
    width: calc(36.3636363636% - 10px);
  }
  .layout.grid.gap .desktop-col-5-11 {
    width: calc(45.4545454545% - 10px);
  }
  .layout.grid.gap .desktop-col-6-11 {
    width: calc(54.5454545455% - 10px);
  }
  .layout.grid.gap .desktop-col-7-11 {
    width: calc(63.6363636364% - 10px);
  }
  .layout.grid.gap .desktop-col-8-11 {
    width: calc(72.7272727273% - 10px);
  }
  .layout.grid.gap .desktop-col-9-11 {
    width: calc(81.8181818182% - 10px);
  }
  .layout.grid.gap .desktop-col-10-11 {
    width: calc(90.9090909091% - 10px);
  }
  .layout.grid.gap .desktop-col-11-11 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .desktop-col-1-12 {
    width: calc(8.3333333333% - 10px);
  }
  .layout.grid.gap .desktop-col-2-12 {
    width: calc(16.6666666667% - 10px);
  }
  .layout.grid.gap .desktop-col-3-12 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .desktop-col-4-12 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .desktop-col-5-12 {
    width: calc(41.6666666667% - 10px);
  }
  .layout.grid.gap .desktop-col-6-12 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .desktop-col-7-12 {
    width: calc(58.3333333333% - 10px);
  }
  .layout.grid.gap .desktop-col-8-12 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .desktop-col-9-12 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .desktop-col-10-12 {
    width: calc(83.3333333333% - 10px);
  }
  .layout.grid.gap .desktop-col-11-12 {
    width: calc(91.6666666667% - 10px);
  }
  .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);
  }
  .layout.grid.gap .widescreen-col-1-2 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-2 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-3 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-3 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-3 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-4 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-4 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-4 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .widescreen-col-4-4 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-5 {
    width: calc(20% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-5 {
    width: calc(40% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-5 {
    width: calc(60% - 10px);
  }
  .layout.grid.gap .widescreen-col-4-5 {
    width: calc(80% - 10px);
  }
  .layout.grid.gap .widescreen-col-5-5 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-6 {
    width: calc(16.6666666667% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-6 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-6 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .widescreen-col-4-6 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .widescreen-col-5-6 {
    width: calc(83.3333333333% - 10px);
  }
  .layout.grid.gap .widescreen-col-6-6 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-7 {
    width: calc(14.2857142857% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-7 {
    width: calc(28.5714285714% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-7 {
    width: calc(42.8571428571% - 10px);
  }
  .layout.grid.gap .widescreen-col-4-7 {
    width: calc(57.1428571429% - 10px);
  }
  .layout.grid.gap .widescreen-col-5-7 {
    width: calc(71.4285714286% - 10px);
  }
  .layout.grid.gap .widescreen-col-6-7 {
    width: calc(85.7142857143% - 10px);
  }
  .layout.grid.gap .widescreen-col-7-7 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-8 {
    width: calc(12.5% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-8 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-8 {
    width: calc(37.5% - 10px);
  }
  .layout.grid.gap .widescreen-col-4-8 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .widescreen-col-5-8 {
    width: calc(62.5% - 10px);
  }
  .layout.grid.gap .widescreen-col-6-8 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .widescreen-col-7-8 {
    width: calc(87.5% - 10px);
  }
  .layout.grid.gap .widescreen-col-8-8 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-9 {
    width: calc(11.1111111111% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-9 {
    width: calc(22.2222222222% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-9 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .widescreen-col-4-9 {
    width: calc(44.4444444444% - 10px);
  }
  .layout.grid.gap .widescreen-col-5-9 {
    width: calc(55.5555555556% - 10px);
  }
  .layout.grid.gap .widescreen-col-6-9 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .widescreen-col-7-9 {
    width: calc(77.7777777778% - 10px);
  }
  .layout.grid.gap .widescreen-col-8-9 {
    width: calc(88.8888888889% - 10px);
  }
  .layout.grid.gap .widescreen-col-9-9 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-10 {
    width: calc(10% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-10 {
    width: calc(20% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-10 {
    width: calc(30% - 10px);
  }
  .layout.grid.gap .widescreen-col-4-10 {
    width: calc(40% - 10px);
  }
  .layout.grid.gap .widescreen-col-5-10 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .widescreen-col-6-10 {
    width: calc(60% - 10px);
  }
  .layout.grid.gap .widescreen-col-7-10 {
    width: calc(70% - 10px);
  }
  .layout.grid.gap .widescreen-col-8-10 {
    width: calc(80% - 10px);
  }
  .layout.grid.gap .widescreen-col-9-10 {
    width: calc(90% - 10px);
  }
  .layout.grid.gap .widescreen-col-10-10 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-11 {
    width: calc(9.0909090909% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-11 {
    width: calc(18.1818181818% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-11 {
    width: calc(27.2727272727% - 10px);
  }
  .layout.grid.gap .widescreen-col-4-11 {
    width: calc(36.3636363636% - 10px);
  }
  .layout.grid.gap .widescreen-col-5-11 {
    width: calc(45.4545454545% - 10px);
  }
  .layout.grid.gap .widescreen-col-6-11 {
    width: calc(54.5454545455% - 10px);
  }
  .layout.grid.gap .widescreen-col-7-11 {
    width: calc(63.6363636364% - 10px);
  }
  .layout.grid.gap .widescreen-col-8-11 {
    width: calc(72.7272727273% - 10px);
  }
  .layout.grid.gap .widescreen-col-9-11 {
    width: calc(81.8181818182% - 10px);
  }
  .layout.grid.gap .widescreen-col-10-11 {
    width: calc(90.9090909091% - 10px);
  }
  .layout.grid.gap .widescreen-col-11-11 {
    width: calc(100% - 10px);
  }
  .layout.grid.gap .widescreen-col-1-12 {
    width: calc(8.3333333333% - 10px);
  }
  .layout.grid.gap .widescreen-col-2-12 {
    width: calc(16.6666666667% - 10px);
  }
  .layout.grid.gap .widescreen-col-3-12 {
    width: calc(25% - 10px);
  }
  .layout.grid.gap .widescreen-col-4-12 {
    width: calc(33.3333333333% - 10px);
  }
  .layout.grid.gap .widescreen-col-5-12 {
    width: calc(41.6666666667% - 10px);
  }
  .layout.grid.gap .widescreen-col-6-12 {
    width: calc(50% - 10px);
  }
  .layout.grid.gap .widescreen-col-7-12 {
    width: calc(58.3333333333% - 10px);
  }
  .layout.grid.gap .widescreen-col-8-12 {
    width: calc(66.6666666667% - 10px);
  }
  .layout.grid.gap .widescreen-col-9-12 {
    width: calc(75% - 10px);
  }
  .layout.grid.gap .widescreen-col-10-12 {
    width: calc(83.3333333333% - 10px);
  }
  .layout.grid.gap .widescreen-col-11-12 {
    width: calc(91.6666666667% - 10px);
  }
  .layout.grid.gap .widescreen-col-12-12 {
    width: calc(100% - 10px);
  }
}
.layout.horizontal.itemsSpaceBetween, .layout.vertical.itemsSpaceBetween, .layout.grid.itemsSpaceBetween {
  justify-content: space-between;
}
.layout.horizontal.itemsSpaceAround, .layout.vertical.itemsSpaceAround, .layout.grid.itemsSpaceAround {
  justify-content: space-around;
}
.layout.horizontal.itemsSameHeight > * > *, .layout.vertical.itemsSameHeight > * > *, .layout.grid.itemsSameHeight > * > * {
  min-height: 100%;
}
.layout.horizontal.itemsExpand, .layout.vertical.itemsExpand, .layout.grid.itemsExpand {
  width: 100%;
}
.layout.horizontal.itemsExpand > *, .layout.vertical.itemsExpand > *, .layout.grid.itemsExpand > * {
  flex: 1 0 auto;
}
.layout.horizontal.itemsCentered, .layout.grid.itemsCentered {
  align-items: center;
}
.layout.horizontal.itemsTop, .layout.grid.itemsTop {
  align-items: flex-start;
}
.layout.horizontal.itemsBottom, .layout.grid.itemsBottom {
  align-items: flex-end;
}
.layout.horizontal.itemsLeft, .layout.grid.itemsLeft {
  justify-content: flex-start;
}
.layout.horizontal.itemsCenter, .layout.grid.itemsCenter {
  justify-content: center;
}
.layout.horizontal.itemsRight, .layout.grid.itemsRight {
  justify-content: flex-end;
}
.layout.horizontal.itemsReverse, .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;
}

@media (max-width: 767px) {
  .visible-phone {
    display: flex !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-tablet {
    display: flex !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1599px) {
  .visible-desktop {
    display: flex !important;
  }
  .hidden-desktop {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .visible-widescreen {
    display: flex !important;
  }
  .hidden-widescreen {
    display: none !important;
  }
}
.visible-phone, .visible-tablet, .visible-desktop, .visible-widescreen {
  display: none !important;
}

.hidden-phone, .hidden-tablet, .hidden-desktop, .hidden-widescreen {
  display: flex !important;
}

.jewel.list, .jewel.navigation {
  align-items: stretch;
  align-content: flex-start;
  -webkit-overflow-scrolling: touch;
}
.jewel.list > *, .jewel.navigation > * {
  flex: 0 0 auto;
}
.jewel.list.no-chrome, .jewel.navigation.no-chrome {
  background: transparent;
  border: none;
}
.jewel.list.horizontalScroll, .jewel.navigation.horizontalScroll {
  align-items: baseline !important;
}
.jewel.list.horizontalScroll .jewel.item, .jewel.navigation.horizontalScroll .jewel.item {
  overflow: initial;
}

j|List {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ListView");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.ListSingleSelectionMouseController");
  IBeadKeyController: ClassReference("org.apache.royale.jewel.beads.controllers.ListKeyDownController");
  IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.ListItemRenderer");
  IItemRendererInitializer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.ListItemRendererInitializer");
  ISelectableItemRenderer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.ClassSelectorListSelectableItemRendererBead");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.scrollbar.ScrollingViewport");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.ArrayListSelectionModel");
  IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.SelectionDataItemRendererFactoryForCollectionView");
}

@media -royale-swf {
  j|List {
    IContentView: ClassReference("org.apache.royale.jewel.supportClasses.list.DataGroup");
  }
}
j|VirtualList {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.VirtualListView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VirtualListVerticalLayout");
  IDataProviderItemRendererMapper: ClassReference("org.apache.royale.jewel.beads.itemRenderers.VirtualDataItemRendererFactoryForCollectionView");
  IBeadKeyController: ClassReference("org.apache.royale.jewel.beads.controllers.VirtualListKeyDownController");
}

j|Navigation {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ListView");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.ListSingleSelectionMouseController");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VerticalLayout");
  IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.NavigationLinkItemRenderer");
  IItemRendererInitializer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.NavigationItemRendererInitializer");
  ISelectableItemRenderer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.ClassSelectorListHoverOnlySelectableItemRendererBead");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.scrollbar.ScrollingViewport");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.ArrayListSelectionModel");
  IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.SelectionDataItemRendererFactoryForCollectionView");
}

j|NavigationLinkItemRenderer {
  IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
}

j|CollapsibleNavigationSectionRenderer {
  IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
}

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

@media (max-width: 992px) {
  .jewel.numericstepper {
    flex-flow: row nowrap;
  }
  .jewel.numericstepper .jewel.textinput {
    order: 1;
  }
  .jewel.numericstepper .jewel.button.up {
    order: 2;
  }
  .jewel.numericstepper .jewel.button.down {
    order: 0;
  }
}
j|NumericStepper {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.RangeModel");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.NumericStepperView");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.NumericStepperController");
}

j|Spinner {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.RangeModel");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.SpinnerView");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.SpinnerMouseController");
}

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

.popup-content {
  position: fixed;
  pointer-events: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  contain: strict;
  z-index: 40;
}
.popup-content::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.popup-content .jewel.popupcontent {
  display: inline-flex;
  position: relative;
  transform: translate(-50%, 100%);
  transition: none;
  will-change: transform, opacity;
  bottom: auto;
  top: calc(100% - 10px);
  left: 50%;
  touch-action: none;
  opacity: 0;
}
.popup-content.open {
  pointer-events: auto;
}
.popup-content.open::before {
  opacity: 1;
}
.popup-content.open .jewel.popupcontent {
  transform: translate(-50%, -100%);
  transition: transform 0.4s 0ms, opacity 0.4s 0ms;
  opacity: 1;
}

@media (max-width: 768px) {
  .popup-content .jewel.popupcontent {
    width: calc(100% - 20px);
  }
}
@media (min-width: 992px) {
  .popup-content .jewel.popupcontent {
    transform: translate(-50%, -60%);
  }
  .popup-content.open .jewel.popupcontent {
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
}
j|PopUp {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.PopUpView");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.PopUpModel");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.PopUpMouseController");
  IPopUpContent: ClassReference("org.apache.royale.core.StyledUIBase");
}

.jewel.radiobutton {
  display: inline-flex;
  position: relative;
  margin: 0;
  padding: 0;
  height: auto;
}
.jewel.radiobutton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: inline-flex;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  opacity: 0;
}
.jewel.radiobutton input + span::before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 22px;
  height: 22px;
}
.jewel.radiobutton input + span::after {
  content: " ";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 22px;
  height: 22px;
  opacity: 0;
}
.jewel.radiobutton input:checked + span::after, .jewel.radiobutton input:checked:active + span::after {
  opacity: 1;
}
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .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;
}

@media -royale-swf {
  j|RadioButton {
    IBeadView: ClassReference("org.apache.royale.jewel.beads.views.RadioButtonView");
  }
}
.jewel.section {
  display: none;
  flex-flow: column nowrap;
  height: 100%;
}
.jewel.section > * {
  flex: 0 0 auto;
}
.jewel.section.is-selected {
  display: flex;
}

j|SectionContent {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|ScrollableSectionContent {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.scrollbar.ScrollingViewport");
}

.jewel.videoplayer.letterbox {
  object-fit: contain;
}
.jewel.videoplayer.zoom {
  object-fit: cover;
}
.jewel.videoplayer.stretch {
  object-fit: fill;
}

.jewel.slider {
  position: relative;
  height: 27px;
  display: flex;
  flex-direction: row;
  background: none;
}
.jewel.slider input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  cursor: pointer;
  user-select: none;
  align-self: center;
  z-index: 1;
  margin: 0 20px;
  padding: 0;
  width: calc(100% - 40px);
  height: 36px;
  background: transparent;
}
.jewel.slider input::-webkit-slider-runnable-track {
  background: transparent;
}
.jewel.slider input::-moz-range-track {
  background: transparent;
  border: none;
}
.jewel.slider input::-ms-track {
  width: 100%;
  height: 6px;
  background: none;
  border: none;
  color: transparent;
}
.jewel.slider input::-ms-fill-lower {
  padding: 0;
}
.jewel.slider input::-ms-fill-upper {
  padding: 0;
}
.jewel.slider input::-webkit-slider-thumb, .jewel.slider input::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-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 {
  position: absolute;
  display: flex;
  overflow: hidden;
  transform: translate(0, -3px);
  margin: 0 29px;
  padding: 0;
  left: 0;
  width: calc(100% - 58px);
  height: 6px;
  background: transparent;
  border: 0;
}

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

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

j|HSlider {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.SliderRangeModel");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.SliderView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.SliderMouseController");
}

@media -royale-swf {
  j|HSlider {
    IThumbView: ClassReference("org.apache.royale.jewel.beads.views.SliderThumbView");
    ITrackView: ClassReference("org.apache.royale.jewel.beads.views.SliderTrackView");
  }
}
.vslider {
  min-width: 27px;
  min-height: 150px;
  position: relative;
  display: inline-block;
}
.vslider .transform-container {
  height: 100%;
  display: inline-block;
  position: absolute;
  margin-left: calc(50% - 27px/2);
}
.vslider .sizer {
  height: 100%;
  visibility: hidden;
}
.vslider .jewel.slider {
  transform: "translate(-50%, -50%) rotate(270deg) translate(-50%, 50%)";
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
}
.vslider .jewel.slider input {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.vslider .slider-track-container {
  margin: 0;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

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

.jewel.snackbar {
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 40;
  justify-content: center;
}
.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;
}

@media (max-width: 992px) {
  .jewel.snackbar-content {
    max-width: 100%;
    width: 100%;
  }
}
j|Snackbar {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.SnackbarModel");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.SnackbarController");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.SnackbarView");
}

.jewel.tabbar {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  scrollbar-width: none;
  transform: none;
  will-change: transform;
}
.jewel.tabbar::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-color: transparent;
}
.jewel.tabbar::-webkit-scrollbar-thumb {
  display: none !important;
}

j|TabBar {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.TabBarView");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.ListSingleSelectionMouseController");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
  IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.TabBarButtonItemRenderer");
  IItemRendererInitializer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.TabBarItemRendererInitializer");
  ISelectableItemRenderer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.ClassSelectorListSelectableItemRendererBead");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.Viewport");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.ArrayListSelectionModel");
  IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.SelectionDataItemRendererFactoryForCollectionView");
}

.jewel.tabbarbutton {
  margin: 0;
  flex: 1 0 auto !important;
  position: relative;
  white-space: nowrap;
  z-index: 1;
  overflow: initial;
}
.jewel.tabbarbutton > .content {
  display: flex;
  align-items: center;
  height: inherit;
}
.jewel.tabbarbutton ._internal_ {
  position: absolute;
}
.jewel.tabbarbutton .indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.jewel.tabbarbutton .indicator > .indicator-content {
  opacity: 0;
  align-self: flex-end;
}
.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 {
  position: absolute;
  height: 100%;
  right: 0;
}
.jewel.tabbar.layout.vertical .indicator-opposite-side ._internal_ {
  right: initial;
  left: 0;
}
.jewel.tabbar.layout.vertical .indicator-opposite-side .indicator > .indicator-content {
  right: initial;
}

j|TabBarButtonItemRenderer {
  IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
}

j|TabBarContent {
  IBeadView: ClassReference("org.apache.royale.html.beads.ContainerView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.Viewport");
}

.jewel.simpletable {
  position: relative;
  white-space: nowrap;
  border-spacing: 0px;
  overflow: hidden;
}
.jewel.simpletable .jewel.tableheadercell {
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  letter-spacing: 0;
  text-align: left;
}
.jewel.simpletable .jewel.tbody .jewel.tablerow {
  position: relative;
  transition-duration: 0.28s;
  transition-property: background-color;
}
.jewel.simpletable .jewel.tablecell {
  position: relative;
}

j|SimpleTable {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

.jewel.table table {
  width: 100%;
  border-spacing: 0px;
}
.jewel.table .jewel.tableheadercell {
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  letter-spacing: 0;
  text-align: left;
}
.jewel.table .jewel.tbody .jewel.tablerow {
  position: relative;
  transition-duration: 0.28s;
  transition-property: background-color;
}
.jewel.table .jewel.tablecell {
  position: relative;
  height: 100%;
}
.jewel.table.fixedHeader {
  overflow-y: auto;
}
.jewel.table.fixedHeader .jewel.tableheadercell {
  position: sticky;
  top: 0;
  z-index: 1;
}

j|Table {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.TableLayout");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.TableView");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.TableModel");
  IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
  IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.TableItemRenderer");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.TableCellSelectionMouseController");
  IBeadKeyController: ClassReference("org.apache.royale.jewel.beads.controllers.TableKeyDownController");
  IItemRendererInitializer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.TableItemRendererInitializer");
  ISelectableItemRenderer: ClassReference("org.apache.royale.jewel.beads.itemRenderers.ClassSelectorListSelectableItemRendererBead");
  IDataProviderItemRendererMapper: ClassReference("org.apache.royale.jewel.beads.itemRenderers.TableItemRendererFactoryForCollectionView");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.scrollbar.ScrollingViewport");
  IContentView: ClassReference("org.apache.royale.jewel.supportClasses.table.TBodyContentArea");
}

.jewel.tableitem {
  cursor: pointer;
  text-decoration: none;
  letter-spacing: 0;
  line-height: normal !important;
  overflow: hidden;
  cursor: auto;
}
.jewel.tableitem.selectable {
  cursor: pointer;
}
.empty-cell {
  pointer-events: none;
}

j|TableItemRenderer {
  IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|TBody {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|THead {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|TFoot {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|TableCell {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|TableRow {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

.alignTextLeft {
  text-align: left;
}

.alignTextRight {
  text-align: right;
}

.alignTextCenter {
  text-align: center;
}

.jewel.textinput {
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
.jewel.textinput::before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: 1;
}
.jewel.textinput::before, .jewel.textinput::after {
  position: absolute;
  pointer-events: none;
  content: "";
}
.jewel.textinput input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  width: 100%;
  height: auto;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  text-align: left;
  line-height: normal !important;
}
.jewel.textinput input[disabled] {
  cursor: unset;
}
.jewel.textinput.icon i.fonticon {
  cursor: default;
  pointer-events: none;
  top: 50%;
  right: initial;
  position: absolute;
  text-align: center;
  margin-top: -6px;
}
.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;
}

j|TextInput {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.TextModel");
}

@media -royale-swf {
  j|TextInput {
    IBeadView: ClassReference("org.apache.royale.html.beads.TextInputWithBorderView");
    IBeadController: ClassReference("org.apache.royale.html.beads.controllers.EditableTextKeyboardController");
    IBorderBead: ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
    IBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
  }
}
.jewel.textarea {
  position: relative;
  display: inline-flex;
}
.jewel.textarea textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  resize: none;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  text-align: left;
  line-height: normal !important;
}
.jewel.textarea textarea[disabled] {
  cursor: unset;
}

j|TextArea {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.TextModel");
}

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

j|TitleBar {
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.TitleBarModel");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.TitleBarView");
}

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

.jewel.tooltip {
  padding: 6px;
  position: absolute;
  pointer-events: none;
  z-index: 80;
  border-radius: 0.25em;
}
.jewel.tooltip.error {
  margin-top: -31px !important;
}
.jewel.tooltip.error::before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
}
.jewel.tooltip.error.left-top::before {
  top: 100%;
  margin-top: 0px;
}
.jewel.tooltip.error.middle-top::before {
  bottom: 0;
  left: 50%;
  border-bottom: 0;
}
.jewel.tooltip.error.left-middle::before {
  top: 50%;
  right: 0;
  border-right: 0;
}
.jewel.tooltip.error.right-middle::before {
  top: 50%;
  left: 0;
  border-left: 0;
}
.jewel.tooltip.error.middle-bottom::before {
  top: 0;
  left: 50%;
  border-top: 0;
}
.jewel.topappbar {
  display: inline-flex;
  flex: 1 1 auto;
}
.jewel.topappbar .topBarAppHeader {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  z-index: 20;
  position: fixed;
}
.jewel.topappbar .topBarAppHeader.fixed {
  transition: box-shadow 200ms linear;
}
.jewel.topappbar .jewel.barrow {
  display: flex;
  position: relative;
  width: 100%;
  height: 64px;
}
.jewel.topappbar .jewel.barsection {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  z-index: 1;
  order: -1;
}
.jewel.topappbar .jewel.barsection button {
  will-change: transform, opacity;
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  outline: none;
  text-decoration: none;
  opacity: 1;
}
.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;
  white-space: nowrap;
  flex: 1 1 auto;
  overflow: hidden;
  z-index: 1;
  line-height: 2rem;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  text-overflow: ellipsis;
}

j|TopAppBar {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|BarRow {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|BarTitle {
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

.jewel.barrow {
  display: flex;
  position: relative;
  width: 100%;
}

.jewel.barsection {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  z-index: 1;
  justify-content: flex-start;
  order: -1;
}

.jewel.wizard.main {
  align-items: center;
  width: 100%;
  height: 100%;
}
.jewel.precontent {
  position: relative;
  width: 100%;
  flex: 1 0;
}
.jewel.next, .jewel.previous {
  z-index: 1;
  height: 100%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 0%;
}
.jewel.next .jewel.button, .jewel.previous .jewel.button {
  position: relative;
  flex-direction: column;
}
.jewel.wizardcontent {
  height: 100%;
  flex-grow: 100;
  position: inherit;
}
.jewel.wizardpage {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  display: none;
}
.jewel.wizardpage > * {
  margin: auto;
}
.jewel.wizardpage.is-selected {
  z-index: 1;
  display: block;
}
.jewel.wizardpage.is-selected.transitions {
  opacity: 1;
  transform: translateX(0%);
}
.jewel.wizardpage.transitions {
  opacity: 0;
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
  transform: translateX(100%);
  display: block;
}
.jewel.wizardpage.transitions.slideLeft {
  transform: translateX(-100%);
}
.jewel.wizardpage.transitions.slideRight {
  transform: translateX(100%);
}

j|Wizard {
  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.WizardView");
  IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.WizardController");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout");
  IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.WizardModel");
  IWizardContentArea: ClassReference("org.apache.royale.jewel.WizardContent");
}

j|WizardContent {
  IBeadView: ClassReference("org.apache.royale.html.beads.ContainerView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
}

j|WizardPage {
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.NoViewport");
}

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

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

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

j|ApplicationMainContent {
  IBeadView: ClassReference("org.apache.royale.html.beads.ContainerView");
  IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.NullLayout");
  IViewport: ClassReference("org.apache.royale.jewel.supportClasses.Viewport");
}

/*# sourceMappingURL=defaults.css.map */
