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

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

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

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

.middle.jewel.list {
    -ms-overflow-style: none;
    scrollbar-width: 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.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: calc(50% - 100%);
    left: calc(50% - 100%);
    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 */
