/* You can add global styles to this file, and also import other style files */
* {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Arial, Helvetica, sans-serif;
}
.cardView {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 99%;
  margin:0.3rem;
  border-radius: 5px;
}
.cardView:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);
}
img {
  border-radius: 5px 5px 0 0;
}
.container {
  padding: 2px 16px;
}
/*///////////////////////////////////////*/
/*h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}

h2, h3, h4 {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
}*/
/*body {
  margin: 2em;
}*/
body, input[text], button {
  /*color: #888;*/
  font-family: Cambria, Georgia;
}
/*//////////////////////////////////////////////////////*/
.page-content {
  padding-top: 55px;
}
.carousel {
  height: auto;
}
body {
  /*background-color: #eeeeee;*/
  width: 95%;
  margin-left: 2.5% !important;
  margin-right: 2% !important;
  position: absolute;
}
.panelVesta {
  background-color: #E8F1F4;
  border: 1px solid #647687;
  padding: 4px 15px 4px 15px;
  margin-bottom: 20px;
}
.buttonTransparente {
  background-color: transparent;
  border: none;
}
.row {
  margin-bottom: 10px !important;
}
.set-dialog-content {
  overflow-y: scroll;
  height: 90vh !important;
}
.dialog {
  z-index: 2999;
}
.notify-container {
  z-index: 3000 !important;
}
.contentDialogPrincipal {
  padding-left: 2.5%;
  padding-right: 2.5%;
  overflow-y: scroll;
}
.contentDialog iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
.contentDialogPrincipal .contentDinamico {
  border: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-wrap: normal;
}
.contentDialog .contentDinamico {
  border: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-wrap: normal;
}
.contentDialog .contentDinamicoIframe {
  border: 0;
  width: 100%;
  height: 100%;
  overflow-wrap: normal;
}
.headerDialog {
  height: 40px;
  background-color: black;
  text-align: center;
  color: white;
  padding-top: 3px;
}
.buttonA {
  padding: 0 1rem;
  height: 2.125rem;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  margin: .15625rem 0;
  position: relative;
}
.buttonA:hover {
    border-color: #787878;
  }
.buttonA:active {
    background: #eeeeee;
    color: #262626;
    box-shadow: none;
  }
.buttonA:focus {
    outline: 0;
  }
.warningVesta {
  background-color: #e3c800;
  color: white;
}
.warningVesta:hover {
    border-color: #e3c800;
  }
.warningVesta:active {
    background-color: #ffca28;
    color: white;
  }
.IconGrid {
  left: 84%;
}
.input-control {
  margin: 0 !important;
}
@media(max-width:920px) {
  .IconGrid {
    left: 76%;
  }
}
.invalid_feedback {
  font-size: .9em;
  color: #CE352C;
}
.float-right {
  float: right !important;
}
.mydp {
  border-radius: 0px !important;
}
.dialog-ex {
  z-index: 2000 !important;
}
.dialog-actions .button {
  margin-left: 22%;
}
.dialog-actions {
  border-top: 2px #1565c0 solid;
}
.dialog-ex {
  border: 1px #1565c0 solid;
}
.imgIndex {
  height: 80vh;
  width: 95vw;
}
.float-left {
  float: left !important;
}
.pos-center {
  left: 25% !important;
  position: relative;
  width: 100px;
}
@media(min-width:920px) {
  .pos-center {
    left: 34% !important;
    position: relative;
    width: 100px;
  }
}
.mydrp {
  border-radius: 0 !important;
}
/*//////////////////////////////*/
select {
  height: 28px;
}
.place-left,
.float-left {
  float: left !important;
}
.c-btn {
  box-shadow: 0 0 0 0 !important;
  border-radius: 0px !important;
}
.dialog .dialog-title {
  font-size: 1.125rem;
}
.dialog .dialog-title + .dialog-content {
    margin: 20px;
  }
.list-area {
  border-radius: 0px !important;
  box-shadow: 0 0 0 !important;
}
.c-token {
  height: 20px !important;
}
.carousel {
    min-height: 100%!important;
}
/*Mostrar detalle cuando se hace el eveneto hover sobre alguna etiqueta*/
/*Popoever*/
.REpopover {
  padding: .50rem;
  min-width: 15rem;
  min-height: 10rem;
  max-height: 15rem;
  z-index: 10;
  color: dimgray;
  position: absolute !important;
  opacity: 1;
  overflow: auto;
  background-color: cornsilk; /*lightskyblue*/
}
.Blackpopover {
  padding: 1.5rem;
  min-width: 10rem;
  min-height: 10rem;
  max-height: 15rem;
  z-index: 10;
  color: white;
  position: absolute;
  opacity: 0.8;
  overflow: auto;
  background-color: black;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.2s;
  min-height: 2rem;
  border-radius: 5px;
}
.centrarContenidoDiv {
  align-items: center;
  justify-content: center;
}
.detailEta {
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  margin-top: 0.5rem;
}
h2.titleModal {
  margin: 0rem 0rem 0.2rem 0rem !important;
}
h4.subTitleModal {
  margin-top: 0rem !important;
}
.img.actionIcon {
    cursor: pointer;
}
/*div.headerDialog {
  background-color: #086A87 !important;
}*/
/*//////////////////////////////////////////////////////////////////////////////*/
.card {
  display: block;
  position: relative;
  font-size: 0.875rem;
  width: calc(100% - 1rem);
  margin: 8px auto;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  z-index: 0;
}
.card-body button {
  z-index: 1000;
}
.card-header {
  border-bottom: 1px #eee solid;
  padding: 1rem;
  font-size: 16px;
  border-radius: 2px 2px 0 0;
  display: block;
}
.card-header .avatar {
    float: left;
    width: 2.75rem;
    height: 2.75rem;
    overflow: hidden;
  }
.card-header .avatar img {
      width: 100%;
      min-height: 100%;
    }
.card-header .name {
    margin-left: 3.375rem;
    font-weight: 500;
  }
.card-header .date {
    margin-left: 3.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #bebebe;
  }
.card-content {
  display: block;
}
.card-footer {
  border-top: 1px #eee solid;
  padding: 1rem;
  border-radius: 0 0 2px 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 3rem;
}
.card.image-header .card-header {
  height: 9rem;
  vertical-align: bottom;
  background-size: cover;
  background-position: center;
  align-items: flex-end;
  display: flex;
}
* + .card {
  margin-top: 1rem;
}
.tile-small,
.tile-medium,
.tile-wide,
.tile-large,
.tile-app {
  display: block;
  background-color: #1ba1e2;
  color: #ffffff;
  width: 150px;
  height: 150px;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wc-date-container {
  border: 1px solid #070a0c !important;
}
.wc-date-container span {
  color: black !important;
}
.wc-date-container i{
  color: black !important;
}
.mydrp{
  width: 100% !important;
}

.gridInterno .jqx-widget-header {
    background-color: #a5d6a7 !important;
    color: black !important;
}

.gridInterno .jqx-grid-cell-filter-row {
    background-color: #feeee2 !important; /*a5d6a7*/
    color: black !important;
    font-weight: 900 !important;
}

.jqx-widget-header {
    background-color: #086A87 !important; /*#1565c0*/
    color: white !important;
    font-weight: 600 !important;
}

.jqx-grid-statusbar {
    background-color: #1565c0 !important;
    color: white !important;
    font-weight: 600 !important;
    /*width: 100% !important;*/
}

.jqx-grid-cell-filter-row {
    background-color: #feeee2 !important; /*1565c0*/
    color: black !important;
    font-weight: 900 !important;
}

.jqx-grid-pager {
    background-color: #616161 !important;
    color: white !important;
    font-weight: 600 !important;
}

.gridInterno .jqx-grid-pager {
    background-color: #9e9e9e !important;
    color: black !important;
    font-weight: 600 !important;
}

.buttonGrid {
    width: 100%;
    height: 35px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.buttonGridSuccess {
    width: 100%;
    height: 35px;
    background-color: #60a917;
    cursor: pointer;
}

.jqx-buttonGrid {
    width: 100%;
    height: 35px !important;
    background-color: transparent !important;
    border: none;
}

.colorBandera {
    color: red;
}

.colorCirculo {
    color: #ffc400;
}

.jqx-enableselect {
    margin-left: 0px !important;
}

.jqx-grid-cell-selected-metro {
    background-color: white !important;
    color: black !important;
    border-color: #e5e5e5 !important;
}

.jqx-enableselect {
    z-index: 999 !important;
}

.square-button img {
    height: 80% !important;
    vertical-align: middle;
    margin: 0;
}

.jqx-rc-all-light {
    border-radius: 0px !important;
}

.jqx-rc-all {
    border-radius: 0px !important;
}

.mydrp {
    border-radius: 0px !important;
}

.selection {
    border-radius: 0px !important;
}

.warningV {
    color: #9e9e9e !important;
    text-shadow: 0 -0px 0 rgba(0, 0, 0, 0.0) !important;
    background-color: white !important;
    border-left-color: #e3c800 !important;
    border-right-color: #e3c800 !important;
    border-top-color: #e3c800 !important;
    border-bottom-color: #e3c800 !important;
}

/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl {
    border-top-left-radius: 3px;
}
/*top-right rounded Corners*/
.jqx-rc-tr {
    border-top-right-radius: 3px;
}
/*bottom-left rounded Corners*/
.jqx-rc-bl {
    border-bottom-left-radius: 3px;
}
/*bottom-right rounded Corners*/
.jqx-rc-br {
    border-bottom-right-radius: 3px;
}
/*top rounded Corners*/
.jqx-rc-t {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
/*bottom rounded Corners*/
.jqx-rc-b {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*right rounded Corners*/
.jqx-rc-r {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*left rounded Corners*/
.jqx-rc-l {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*all rounded Corners*/
.jqx-rc-all {
    border-radius: 3px;
}
/*reset rounded corners*/
.jqx-rc-reset {
    border-radius: 0px !important;
}
/*Reset Style*/
.jqx-reset {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    outline: none;
    box-sizing: content-box;
}
.jqx-clear {
    align: left;
    valign: top;
    left: 0px;
    top: 0px;
    -webkit-appearance: none !important;
    outline: none !important;
    padding: 0px;
    margin: 0px;
}
.jqx-popup {
    box-sizing: content-box;
}
.jqx-position-reset {
    position: static !important;
}
.jqx-border-reset {
    border: none !important;
}
.jqx-overflow-hidden {
    overflow: hidden !important;
}
.jqx-position-relative {
    position: relative !important;
}
.jqx-position-absolute {
    position: absolute !important;
}
.jqx-max-size {
    width: 100% !important;
    height: 100% !important;
}
.jqx-background-reset {
    background: transparent !important;
}
/*Disable browser selection*/
.jqx-disableselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.jqx-enableselect {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: all;
}
.jqx-hideborder {
    border: none !important;
}
.jqx-hidescrollbars {
    overflow: hidden !important;
}
/*jqxButton, jqxToggleButton, jqxRepeatButton Style*/
.jqx-button {
    outline: none;
    border: 1px solid transparent;
    padding: 5px;
    text-align: center;
    vertical-align: central;
    margin: 0 0 0 0;
    cursor: default;
}
button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}
.jqx-buttongroup {
}
.jqx-group-button-normal {
    vertical-align: middle;
    text-align: center;
}
/*applied to the link button's anchor element.*/
.jqx-link {
    text-decoration: none;
    color: #111111;
}
/*shows elements.*/
.jqx-visible {
    display: block;
}
/*hides elements.*/
.jqx-hidden {
    display: none;
}
.jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal {
    line-height: 1.231;
}
/*jqxGauge Style*/
.jqx-gauge-label, .jqx-gauge-caption {
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}
.jqx-knob {
    text-align: center;
}
/*jqxChart Style*/
.jqx-knob-label,
.jqx-chart-axis-text,
.jqx-chart-label-text,
.jqx-chart-tooltip-text,
.jqx-chart-legend-text {
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}
.jqx-chart-axis-description {
    fill: #555555;
    color: #555555;
    font-size: 11px;
    font-family: Verdana;
}
.jqx-chart-title-text {
    fill: #111111;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
}
.jqx-chart-title-description {
    fill: #111111;
    color: #111111;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana;
}
/*applied to the Grid's element.*/
.jqx-grid {
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
}
.jqx-grid .jqx-adaptive-table {
        border-collapse: collapse;
        border: none;
        width: 100%;
    }
.jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th {
            border-bottom: 1px solid #ddd;
            padding: 8px;
            overflow: auto;
        }
.jqx-grid .jqx-adaptive-table tr:nth-child(even) {
            background-color: #f2f2f2;
        }
.jqx-grid .jqx-adaptive-table th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: left;
            background-color: #4CAF50;
            color: white;
        }
.jqx-grid .jqx-adaptive-view a {
        padding: 10px;
        text-decoration: none;
        color: orangered;
    }
/*applied to the Pager.*/
.jqx-grid-pager {
    border: none;
    border-top: 1px solid transparent;
}
/*applied to the Top Pager.*/
.jqx-grid-pager-top {
    border: none;
    border-bottom: 1px solid transparent;
}
.jqx-grid-pager-number {
    padding: 2px 5px;
    text-decoration: none;
    margin: 1px;
    border: 1px solid transparent;
    color: inherit !important;
    outline: none;
    font-weight: normal !important;
    line-height: 14px;
}
.jqx-grid-menu-item-touch {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
/*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/
.jqx-grid-bottomright {
}
/*applied to the Grid's header area.*/
.jqx-grid-header {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
    border-color: transparent;
    margin: 0px;
    padding: 0px;
}
/*applied to the columns.*/
.jqx-grid-column-header, .jqx-grid-columngroup-header {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
.jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl {
    border-width: 0px 0px 0px 1px;
}
.jqx-grid-columngroup-header {
    border-bottom-width: 1px;
    border-left-width: 1px;
}
/*applied to the column's button.*/
.jqx-grid-column-menubutton {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: transparent;
    background-image: url('icon-menu-small.025d54806adad8dd0d71.png') !important;
    background-repeat: no-repeat;
    background-position: center !important;
    cursor: pointer;
}
.jqx-grid-column-menubutton-rtl {
    border-width: 0px 1px 0px 0px;
}
/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton {
    border: none;
    background-image: url('sortascbutton.5ea1b4a69132b7fca540.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
/*applied to the column's sort button when the sort order is descending.*/
.jqx-grid-column-sortdescbutton {
    border: none;
    background-image: url('sortdescbutton.40231cd5537e1785a670.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
/*applied to the column's filter button.*/
.jqx-grid-column-filterbutton {
    border: none;
    background-image: url('filter.41e05d021d40460b082d.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
}
/*applied to the column's resize line.*/
.jqx-grid-column-resizeline {
    border-right: 1px dotted #555;
}
/*applied to the validation popup during cell editing.*/
.jqx-grid-validation {
    background: #df2227 !important;
    color: #fff !important;
    padding: 4px 8px;
}
.jqx-grid-validation-label {
    color: #fff !important;
    background: #df2227 !important;
    border: 1px solid #df2227 !important;
}
.jqx-grid-validation-arrow-up {
    background-image: url('red_arrow_up.7067d246b95c649c2487.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.jqx-grid-validation-arrow-down {
    background-image: url('red_arrow_down.a55bf90a5c9e19979475.png');
    background-repeat: no-repeat;
    background-position: center center;
}
/*applied to the column's resize start line.*/
.jqx-grid-column-resizestartline {
    border-right: 1px solid #444;
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortasc-icon {
    background-image: url('icon-sort-asc.f0e3ce1ed6a20193758d.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortdesc-icon {
    background-image: url('icon-sort-desc.914857c1b36901d1ff7a.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
/*applied to the grid menu's sort remove item/*/
.jqx-grid-sortremove-icon {
    background-image: url('icon-sort-remove.b215fac025f4275abc0e.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
/*applied to the grouping column's drag and drop item when the drop operation is allowed.*/
.jqx-grid-drag-icon {
    background-image: url('drag.a8f68403e3c5c7d3ff34.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}
/*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/
.jqx-grid-dragcancel-icon {
    background-image: url('dragcancel.a630e985d9ac51c3236b.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}
/*applied to the 'group by' menu item.*/
.jqx-grid-groupby-icon {
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
/*applied to the column anchor tags.*/
.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}
.jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited {
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}
/*applied to the groups header area.*/
.jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #aaa;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
/*applied to a grouping row.*/
.jqx-grid-groups-row {
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
    padding: 0px;
    top: 50%;
    margin-top: -8px;
}
/*applied to the row details.*/
.jqx-grid-groups-row-details {
    font-weight: normal;
}
/*applied to a grouping column.*/
.jqx-grid-group-column {
    border: 1px solid transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
/*applied to the lines between the group columns.*/
.jqx-grid-group-column-line {
    background: #aaa;
}
/*applied to the drop line indicators displayed in the grouping header.*/
.jqx-grid-group-drag-line {
    background: #80be09;
}
/*applied to the anchor tags inside a grouping column.*/
.jqx-grid-group-column a:link {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}
.jqx-grid-group-column a:visited {
    color: inherit;
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}
/*applied to a grid cell*/
.jqx-grid-cell {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    margin-right: 1px;
    margin-bottom: 1px;
    border-color: transparent;
    background: #fff;
    white-space: nowrap;
    font-weight: normal;
    font-size: inherit;
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    outline: none;
}
.jqx-grid-cell-locked {
    color: #aaa !important;
}
.jqx-grid-cell-left-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: left;
    margin-right: 2px;
    margin-left: 4px;
}
.jqx-grid-cell-middle-align {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 2px;
    text-align: center;
}
.jqx-grid-cell-right-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: right;
    margin-right: 4px;
    margin-left: 2px;
}
/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell {
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    background: #fff;
}
/*applied to the grid cells in the sort column*/
.jqx-grid-cell-sort {
    background-color: #f0f0f0;
}
/*applied to the grid cells in the filter column*/
.jqx-grid-cell-filter {
    background-color: #e6e6e6;
}
.jqx-grid-cell-add-new-row {
    background: #fdfcf3 !important;
    color: #000 !important;
}
/*applied to the grid cells area.*/
.jqx-grid-content {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    overflow: hidden;
}
/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell, .jqx-grid-empty-cell {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    white-space: nowrap;
    font-weight: normal;
}
.jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell {
    border: transparent !important;
}
.jqx-grid-cell-wrap {
    white-space: normal !important;
}
.jqx-tree-grid-indent {
    width: 18px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    vertical-align: top;
}
.jqx-tree-grid-title {
    text-decoration: none;
    vertical-align: bottom;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    position: relative;
    width: 18px;
    height: 18px;
    vertical-align: top;
}
.jqx-tree-grid-checkbox {
    float: none !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 6px !important;
    margin-left: 2px !important;
}
.jqx-tree-grid-icon {
    float: none !important;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}
.jqx-tree-grid-icon-rtl {
    margin-right: 0px;
    margin-left: 4px;
}
.jqx-tree-grid-icon-size {
    width: 14px;
    height: 14px;
    line-height: 16px;
}
.jqx-tree-grid-checkbox-tick {
    width: 100%;
    height: 100%;
}
.jqx-tree-grid-expand-button {
    height: 18px;
    width: 18px;
    vertical-align: top;
}
/*applied to a cell in jqxDataTable*/
.jqx-cell {
    min-height: 23px;
    padding: 6px 4px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-top-width: 0px;
    border-left-width: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: normal;
    line-height: 1.231;
}
.jqx-grid-cell-nowrap {
    white-space: nowrap;
}
.jqx-cell-editor {
    padding-left: 4px !important;
    padding-right: 3px !important;
}
.jqx-left-align {
    text-align: left;
}
.jqx-center-align {
    text-align: center;
}
.jqx-right-align {
    text-align: right;
}
.jqx-top-align {
    vertical-align: top;
}
.jqx-bottom-align {
    vertical-align: bottom;
}
.jqx-grid-table .jqx-grid-cell {
    position: static !important;
    zoom: 1 !important;
}
/*applied to the Grid's Table element.*/
.jqx-grid-table {
    font-size: 13px;
    table-layout: fixed;
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-overflow-scrolling: touch;
    outline: none;
    zoom: 1 !important;
    empty-cells: show;
    border-right: 1px solid #aaa;
    line-height: 1.231;
    width: auto;
    border: none;
}
.jqx-grid-table-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}
.jqx-details table {
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0px;
}
/*applied to a grid cell that is part of a details row and grouping is enabled.*/
.jqx-grid-group-details-cell {
}
/*applied to a grid cell that is part of a details row.*/
.jqx-grid-details-cell {
    border-width: 0px 1px 0px 0px;
}
/*applied to a grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-alt {
    background: #f9f9f9;
}
/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-sort-alt {
    background-color: #e5e5e5;
}
/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-filter-alt {
    background-color: #f0f0f0;
}
/*applied to a pinned grid cell.*/
.jqx-grid-cell-pinned {
    background-color: #e5e5e5;
}
/*applied to a pinned grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-pinned-alt {
    background-color: #e5e5e5;
}
/*applied to a selected grid cell.*/
.jqx-grid-cell-selected {
    border-left: 0px solid transparent;
}
.jqx-grid-cell-selected.jqx-grid-cell-edit {
        border-color: #DDDDDD !important;
        background-color: #fff !important;
        color: #333 !important;
    }
.jqx-fill-state-focus.jqx-grid-cell-edit,
.jqx-grid-cell-edit .jqx-fill-state-focus,
.jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button,
.jqx-grid-cell-edit .jqx-numberinput-focus,
.jqx-grid-cell-edit .jqx-combobox-content-focus {
    border-color: #DDDDDD !important;
}
.jqx-cell-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}
.jqx-grid-cell-rtl {
    border-width: 0px 0px 1px 1px;
}
.jqx-grid-table .jqx-grid-cell {
    border-width: 0px 0px 1px 1px;
}
.jqx-grid-table-one-cell {
    border: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #aaa;
}
.jqx-grid-table .jqx-grid-cell:first-child {
    border-left-width: 0px;
}
/*applied to the selection area.*/
.jqx-grid-selectionarea {
    border: 1px solid transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
/*applied to a hovered grid cell.*/
.jqx-grid-cell-hover {
    border-color: transparent;
}
/*applied to a grid cell when the grid is empty.*/
.jqx-grid-empty-cell {
    overflow: visible;
    border-bottom: none;
}
/*applied to the Grid when its loading the data.*/
.jqx-grid-load {
    padding-right: 0px;
    background-image: url('loader.bfac9cccaaf066e712e6.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    display: block;
}
/*applied to a group's collapse button.*/
.jqx-grid-group-collapse {
    padding-right: 0px;
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.jqx-grid-group-collapse-rtl {
    padding-right: 0px;
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*applied to a group's expand button.*/
.jqx-grid-group-expand, .jqx-grid-group-expand-rtl {
    padding-right: 0px;
    background-image: url('icon-down.02e768df75da3412dea5.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*jqxProgresBar Style*/
.jqx-progressbar {
    position: relative;
    overflow: hidden;
    outline: none;
    border: 1px solid transparent;
    height: 2em;
}
/*applied to the progressbar's value element*/
.jqx-progressbar-value {
    outline: none;
    border: 0px solid transparent;
    height: 100%;
}
/*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/
.jqx-progressbar-value-vertical {
    outline: none;
    border: 0px solid transparent;
    height: 100%;
    background: transparent;
}
/*applied to the progressbar's text element*/
.jqx-progressbar-text {
    font-size: 10px;
    border: none;
}
/*applied to the progress bar when the widget is in disabled state*/
.jqx-progressbar-disabled {
    outline: none;
    border: 1px solid transparent;
    height: 2em;
}
/*jqxMenu Style*/
.jqx-menu {
    border: 1px solid transparent;
    float: none;
    margin: 0px;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    text-align: left;
}
.jqx-menu-dropdown-column {
    float: left;
}
/*applied to the menu when it is horizontal. Sets the menu's background*/
.jqx-menu-horizontal {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    text-align: center;
}
/*applied to the menu when it is vertical. Sets the menu's background*/
.jqx-menu-vertical {
    text-align: left;
}
/*applied to the sub menu. Sets the sub menu's background*/
.jqx-menu-dropdown {
    left: 100%;
    margin: 0px;
    padding: 0px;
    right: 0;
    overflow: hidden;
    display: none;
    float: none;
    width: 150px;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    padding: 2px;
}
/*applied to the sub menu's ul elements.*/
.jqx-menu-dropdown ul {
        left: 100%;
        margin: 0px;
        padding: 0px;
        right: 0;
        overflow: hidden;
        border: none;
    }
/*applied to the menu's ul elements.*/
.jqx-menu ul {
    left: 100%;
    margin: 0px;
    padding: 2px;
    right: 0;
    overflow: hidden;
    background-color: transparent;
    border: none;
}
/*applied to the menu's li elements.*/
.jqx-menu li, .jqx-menu-dropdown li {
    line-height: 1.3 !important;
}
/*applied to the top level menu items.*/
.jqx-menu-item-top {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    left: 100%;
    overflow: hidden;
    color: inherit;
    right: 0;
    margin: 0px 3px 0px 3px;
    cursor: pointer;
}
/*applied to the sub menu items.*/
.jqx-menu-item {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
}
/*applied to a sub menu item when the mouse is over the item.*/
.jqx-menu-item-hover {
    color: inherit;
    right: 0;
    list-style: none;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
}
/*applied to a top-level menu item when the mouse is over it.*/
.jqx-menu-item-top-hover {
    color: inherit;
    right: 0;
    list-style: none;
    margin: 0px 3px 0px 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    top: 50%;
    cursor: pointer;
}
/*applied to a sub menu item when its sub menu is opened.*/
.jqx-menu-item-selected {
    right: 0;
    list-style: none;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
}
/*applied to a disabled sub menu item.*/
.jqx-menu-item-disabled {
}
/*applied to a top-level menu item when its sub menu is opened.*/
.jqx-menu-item-top-selected {
    right: 0;
    list-style: none;
    margin: 0px 1px 0px 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
}
/*applied to the menu separator items.*/
.jqx-menu-item-separator {
    text-indent: 0;
    background-color: #ddd;
    border: none;
    list-style: none;
    height: 1px;
    line-height: 0 !important;
    padding: 0px;
    margin: 1px 2px 1px 2px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    font-size: 1px;
}
/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-right {
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
}
/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/
.jqx-menu-item-arrow-down {
    background-image: url('icon-down.02e768df75da3412dea5.png');
}
/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/
.jqx-menu-item-arrow-up {
    background-image: url('icon-up.92d5aef0adb8afe7a65a.png');
}
.jqx-menu-minimized {
    position: relative;
}
.jqx-menu-title {
    position: relative;
    float: right;
    margin-top: 4px;
    padding-top: 4px;
    padding-right: 20px;
}
.jqx-menu-minimized-button {
    background-image: url('icon-menu-minimized.7a59bcc2c393c4531def.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 24px;
    width: 24px;
    padding: 0px;
    margin-left: 7px;
    margin-top: 4px;
    float: left;
}
.jqx-menu-ul-minimized {
    display: block !important;
    width: auto !important;
}
.jqx-menu-ul-minimized ul {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        -o-box-shadow: none !important;
        box-shadow: none !important;
    }
.jqx-menu-minimized li:last-child {
    padding-bottom: 0px;
    margin: 0px;
}
.jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
}
/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-left {
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
    background-position: 0 50%;
    background-repeat: no-repeat;
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/
.jqx-menu-item-arrow-right-selected {
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/
.jqx-menu-item-arrow-down-selected {
    background-image: url('icon-down.02e768df75da3412dea5.png');
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/
.jqx-menu-item-arrow-up-selected {
    background-image: url('icon-up.92d5aef0adb8afe7a65a.png');
}
.jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right {
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-top-right {
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/
.jqx-menu-item-arrow-left-selected {
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
}
/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-top-left {
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
}
.jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
}
/*applied to the anchor elements*/
.jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover {
    font: inherit;
    text-decoration: none;
    color: inherit;
    outline: none;
    background-color: transparent;
}
/*applied to the menu widget when it is disabled.*/
.jqx-menu-disabled {
    cursor: default;
}
/*applied to the anchor elements of all disabled menu items.*/
.jqx-menu-disabled a:link {
        cursor: default;
        text-decoration: none;
    }
.jqx-menu-disabled a:visited {
        cursor: default;
        text-decoration: none;
    }
.jqx-menu-disabled a:hover {
        cursor: default;
    }
.jqx-menu-dropdown {
    right: -1px;
}
/*jqxtree Style*/
.jqx-tree {
    left: 100%;
    right: 0;
    float: none;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    overflow: hidden;
    text-align: left;
    outline: none;
    white-space: nowrap;
    line-height: 14px !important;
}
/*applied to the jqxTree root UL element.*/
.jqx-tree-dropdown-root {
    left: 100%;
    padding: 0px 5px 0px 5px;
    right: 0;
    display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    text-align: left;
    outline: none;
    white-space: nowrap;
    margin: 0px;
}
.jqx-tree-dropdown-root-rtl {
    padding: 0px 5px 0px 0px;
    text-align: right;
    float: right;
    margin: 0px;
}
/*applied to the jqxTree UL elements.*/
.jqx-tree-dropdown {
    left: 100%;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    right: 0;
    display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    text-align: left;
    outline: none;
}
.jqx-tree-dropdown-rtl {
    padding: 3px 0px 0px 0px;
    text-align: right;
}
/*applied to a tree item.*/
.jqx-tree-item {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 3px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    right: 0;
    text-align: left;
    cursor: default;
    text-decoration: none;
}
/*applied to the jqxTree LI elements.*/
.jqx-tree-item-li {
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    left: 100%;
    right: 0;
    text-align: left;
    outline: none;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
}
/*applied to the last LI elements in an UL element.*/
.jqx-tree-item-u-last {
    margin: 0px 0px 0px 0px;
}
/*applied to a tree item when the mouse is over the item.*/
.jqx-tree-item-hover {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}
/*applied to a tree item when the item is selected.*/
.jqx-tree-item-selected {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}
.jqx-tree-item-rtl {
    text-align: right;
}
.jqx-tree-item-li-rtl {
    text-align: right;
}
/*applied to the anchor element of a tree item.*/
.jqx-tree-item a:link, .jqx-tree-item a:visited {
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
.jqx-tree-item-selected, .jqx-tree-item-hover a:hover {
    color: inherit;
}
.jqx-tree-item-selected, .jqx-tree-item-hover a:visited {
    color: inherit;
}
/*applied to a tree item when the item is disabled.*/
.jqx-tree-item-disabled {
}
/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl {
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
}
/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url('icon-down.02e768df75da3412dea5.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*applied to the tree when it is disabled.*/
.jqx-tree-disabled {
    cursor: default;
}
/*applied to the anchor elements in a tree when it is disabled.*/
.jqx-tree-disabled a:link {
        cursor: default;
        text-decoration: none;
    }
.jqx-tree-disabled a:visited {
        cursor: default;
        text-decoration: none;
    }
.jqx-tree-disabled a:hover {
        cursor: default;
    }
/*jqxTabs*/
.jqx-tabs {
    outline: none;
    margin: 0 0 0 0;
    padding: 0px;
    overflow: hidden;
    background: transparent;
    border: 1px solid transparent;
}
/*applied to the tab close button.*/
.jqx-tabs-close-button {
    outline: none;
    background-image: url('close.93925d33bee981482fc2.png');
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
}
/*applied to the tab close button when the tab is selected.*/
.jqx-tabs-close-button-selected {
    outline: none;
    background-image: url('close.93925d33bee981482fc2.png');
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
/*applied to the tab close button when the mouse is over the tab.*/
.jqx-tabs-close-button-hover {
    outline: none;
    background-image: url('close.93925d33bee981482fc2.png');
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover {
    background-repeat: no-repeat;
    background-position: center;
}
/*applied to the tab's left scroll arrow.*/
.jqx-tabs-arrow-left {
    outline: none;
    position: relative;
    z-index: 15;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
    background-repeat: no-repeat;
    background-position: center;
}
/*applied to the tab's right scroll arrow.*/
.jqx-tabs-arrow-right {
    outline: none;
    position: relative;
    z-index: 15;
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.jqx-tabs-arrow-background {
    background: #eeeeee;
}
/*applied to the tab's title.*/
.jqx-tabs-title {
    outline: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    left: 100%;
    right: 0;
    text-indent: 0px;
    list-style: none;
    border: 1px solid transparent;
    margin: 0px 2px 0px 0px;
    overflow: hidden;
    z-index: 1;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: transparent;
    height: auto;
    position: relative;
}
.jqx-tabs-title-bottom {
}
.jqx-tabs-title a:link {
    color: inherit;
    text-decoration: none;
}
.jqx-tabs-title a:hover {
    color: inherit;
    text-decoration: none;
}
.jqx-tabs-title a:active {
    color: inherit;
    text-decoration: none;
}
.jqx-tabs-title a:visited {
    color: inherit;
    text-decoration: none;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-selected-top {
    z-index: 99;
    outline: none;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding-bottom: 7px;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom {
    outline: none;
    border-top: 1px solid #fff;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: -2px;
    background-color: #fff;
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-hover-top {
    outline: none;
    border: 1px solid transparent;
    padding-bottom: 5px;
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-hover-bottom {
    outline: none;
    border: 1px solid transparent;
    padding-top: 5px;
}
/*applied to the tab's title when the tab is disabled.*/
.jqx-tabs-title-disable {
}
/*applied to the tab's header.*/
.jqx-tabs-header {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 1px;
    margin: 0px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid #aaa;
    background: #eeeeee;
}
/*applied to the tab's header when the position is bottom.*/
.jqx-tabs-header-bottom {
    padding-top: 1px;
    padding-bottom: 3px;
    border-top: 0px solid #aaa;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid transparent;
}
/*applied to the tab's header when the tab is collapsed.*/
.jqx-tabs-header-collapsed {
    border: 1px solid #aaa;
}
/*applied to the tab's header when the position is bottom and tab is collapsed.*/
.jqx-tabs-header-collapsed-bottom {
    border: 1px solid #aaa;
}
.jqx-tabs-collapsed {
    border: 0px solid transparent;
}
.jqx-tabs-collapsed-bottom {
    border: 0px solid transparent;
}
/*applied to the tab's selection tracker container element.*/
.jqx-tabs-selection-tracker-container {
    outline: none;
    position: relative;
    text-indent: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    background: transparent;
    height: 0px;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding-bottom: 2px;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
    margin-top: -1px;
    padding-bottom: 2px;
}
/*applied to the tab's content element which represents a DIV element.*/
.jqx-tabs-content {
    outline: none;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    text-align: left;
    clear: both;
}
.jqx-tabs-content-element {
    height: 100%;
    overflow: auto;
}
/*jqxCheckBox*/
.jqx-checkbox {
    overflow: hidden;
    text-align: left;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*applied to the check box.*/
.jqx-checkbox-default {
    text-align: left;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}
/*applied to the check box when the mouse cursor is over it.*/
.jqx-checkbox-hover {
    cursor: pointer;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}
/*applied to the widget when it is disabled.*/
.jqx-checkbox-disabled {
    cursor: default;
    background: transparent;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0px 0px 0px 0px;
}
/*applied to the check box when the widget is disabled.*/
.jqx-checkbox-disabled-box {
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}
/*applied to the check box when it is checked. Displays a check icon.*/
.jqx-checkbox-check-checked {
    float: left;
    background: transparent url('check_black.04990f816ab2f34fb96b.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/
.jqx-checkbox-check-disabled {
    float: left;
    background: transparent url('check_disabled.43076b7186d4b2d4f2ed.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when its state is indeterminate.*/
.jqx-checkbox-check-indeterminate {
    float: left;
    background: transparent url('check_indeterminate_black.ec184c090f284841a0cd.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when its state is indeterminate and it is disabled.*/
.jqx-checkbox-check-indeterminate-disabled {
    float: left;
    background: transparent url('check_indeterminate_disabled.69102e6d166c40424f39.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when its in rtl mode.*/
.jqx-checkbox-rtl {
    float: right;
}
/*jqxRadioButton*/
.jqx-radiobutton {
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
}
/*applied to the radio button.*/
.jqx-radiobutton-default {
    cursor: pointer;
    float: left;
    background: transparent url('roundbg_classic_normal.b08985c500d7713d8a3e.png') left center scroll repeat-x;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    border-radius: 100%;
}
/*applied to the radio button when the mouse is over it.*/
.jqx-radiobutton-hover {
    cursor: pointer;
    float: left;
    background: transparent;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    border-radius: 100%;
}
/*applied to the radio button when it is disabled.*/
.jqx-radiobutton-disabled {
    cursor: default;
}
/*applied to the radio button's radio icon when it is disabled.*/
.jqx-radiobutton-disabled-box {
}
/*applied to the radio button when it is checked.*/
.jqx-radiobutton-check-checked {
    float: left;
    background: transparent url('roundbg_check_black.af7537d4df8af36683c8.png') left top no-repeat;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0 0 0 0;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: 2px;
}
/*applied to the radio button when it is checked and disabled.*/
.jqx-radiobutton-check-disabled {
}
/*applied to the radio button when it is in indeterminate state.*/
.jqx-radiobutton-check-indeterminate {
    float: left;
    background: transparent url('roundbg_check_indeterminate.8099b6908b6e80004793.png') left top no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    margin-left: 2px;
    margin-top: 2px;
}
/*applied to the radio button when it is in indeterminate state and disabled.*/
.jqx-radiobutton-check-indeterminate-disabled {
}
/*applied to the radio button when its in rtl mode.*/
.jqx-radiobutton-rtl {
    float: right;
}
/*jqxRating*/
.jqx-rating {
    margin: 0px;
    padding: 0px;
    outline: none;
    overflow: hidden;
}
.jqx-rating-image {
    border-width: 0px;
}
.jqx-rating-image-default {
    margin: 0px;
    padding: 0px;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('star.ef553055d6eb4f5348b2.png');
    overflow: hidden;
}
/*applied to the rating when it is hovered.*/
.jqx-rating-image-hover {
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('star_hover.c9ca994984a889592790.png');
    overflow: hidden;
}
/*applied to the rating when it is disabled.*/
.jqx-rating-image-backward {
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('star_disabled.25fa74d391c7def77981.png');
    overflow: hidden;
}
/*jqxCalendar Style*/
.jqx-calendar {
    border: 1px solid transparent;
    -webkit-appearance: none;
    overflow: hidden;
    outline: none;
    padding: 0px;
    margin: 0 0 0 0;
    cursor: default;
    border-collapse: separate;
}
.jqx-calendar .jqx-widget-header {
    }
.jqx-calendar > div {
        padding: 0px;
        box-sizing: border-box;
    }
.jqx-calendar-light > div {
    padding: 10px;
}
.jqx-calendar td {
    padding-top: 0px;
    padding-bottom: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
    height: auto;
}
.jqx-calendar table {
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
}
/*applied to the calendar's row header. This header displays the week numbers.*/
.jqx-calendar-row-header {
    outline: none;
    border: 0px solid #f2f2f2;
    padding: 0;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to the calendar's column. This header displays the day names.*/
.jqx-calendar-column-header {
    outline: none;
    text-align: right;
    padding: 3px;
    border-top: none;
    border-bottom: 1px solid transparent;
    border-left: none;
    border-right: none;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/
.jqx-calendar-top-left-header {
    outline: none;
    border: 0px solid #f2f2f2;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to the calendar's navigation buttons.*/
.jqx-calendar-title-navigation {
    cursor: pointer;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    width: 25px;
    height: 25px;
}
/*applied to the month table*/
.jqx-calendar-month {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}
/*applied to the calendar's title content.*/
.jqx-calendar-title-content {
    cursor: pointer;
    text-align: center;
}
/*applied to the calendar's navigation title.*/
.jqx-calendar-title-header {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
}
.jqx-calendar-title-header td {
        padding-left: 0px;
        padding-right: 0px;
        border: none;
    }
/*applied to the calendar's navigation title when the calendar is disabled.*/
.jqx-calendar-title-header-disabled {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
}
/*applied to a calendar cell.*/
.jqx-calendar-cell {
    border: 1px solid transparent;
    margin: 0px;
    outline: none;
    text-align: center;
    padding: 1px;
    cursor: pointer;
    background-color: transparent;
}
.jqx-calendar-cell td {
        padding: 0;
        margin: 0;
    }
/*applied to a calendar cell in decade and year views.*/
.jqx-calendar-cell-decade, .jqx-calendar-cell-year {
    text-align: center;
}
.jqx-calendar .jqx-fill-state-normal {
    background: transparent;
    border: 1px solid transparent;
}
/*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/
.jqx-calendar-cell-hidden {
    margin: 0 0 0 0;
    visibility: hidden;
    cursor: default;
}
/*applied to a calendar cell when the cell's date is a weekend date.*/
.jqx-calendar-cell-weekend {
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/
.jqx-calendar-cell-specialDate {
    color: #FF0000 !important;
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a restricted date.*/
.jqx-calendar-cell-restrictedDate {
    background-color: rgba(251, 132, 153, 1);
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}
.jqx-calendar-cell-selected-invalid {
    color: #FFF !important;
    background: #FF0000 !important;
    border: 1px solid #FF0000 !important;
}
/*applied to a calendar cell when the cell's date is the today date.*/
.jqx-calendar-cell-today {
    color: #898989;
    background-color: #ffffdb;
    border: 1px solid #fdc066;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell is hovered.*/
.jqx-calendar-cell-hover {
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell is selected.*/
.jqx-calendar-cell-selected {
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/
.jqx-calendar-cell-othermonth {
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the calendar is disabled.*/
.jqx-calendar-cell-disabled {
    color: #ccc;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/
.jqx-calendar-row-cell {
    outline: none;
    text-align: center;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/
.jqx-calendar-row-cell-disabled {
}
.jqx-calendar-footer {
    margin: 5px;
    color: inherit;
    font-size: 13px;
}
.jqx-calendar-title-container {
    overflow: hidden;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names.*/
.jqx-calendar-column-cell {
    overflow: hidden;
    text-align: center;
    outline: none;
    font-weight: normal;
    padding: 1px;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/
.jqx-calendar-column-cell-disabled {
}
/*applied to the calendar's cell area element.*/
.jqx-calendar-view {
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    border: 0px solid #fff;
    margin: 0 0 0 0;
    cursor: default;
}
/*jqxExpander and jqxNavigationBar Style*/
.jqx-expander {
}
/*applied to the Expander's header and content*/
.jqx-expander-header, .jqx-expander-content {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    outline: 0;
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content {
    padding-left: 3px;
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content-rtl {
    padding-right: 3px;
}
.jqx-expander-content {
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: auto;
    outline: 0;
}
/*applied to the Expander's header and its content when it is on the top of the header*/
.jqx-expander-header, .jqx-expander-content-top {
    border-top-width: 1px;
    border-top-style: solid;
}
/*applied to the Expander's header and its content when it is on the bottom of the header*/
.jqx-expander-header, .jqx-expander-content-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/*applied to the Expander's header*/
.jqx-expander-header {
    cursor: pointer;
    overflow: hidden;
}
/*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/
.jqx-expander-header-disabled {
    cursor: default;
}
/*applied to the Expander's arrow*/
.jqx-expander-arrow {
    width: 17px;
    height: 17px;
    position: relative;
}
/*applied to the Expander's content if it is empty*/
.jqx-expander-content-empty {
    border-width: 0px;
    padding: 0px;
}
/*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/
.jqx-navigationbar {
    border: none;
    margin: 0px;
    -webkit-appearance: none;
    outline: none;
}
/*jqxPanel Style*/
.jqx-panel {
    border: 1px solid transparent;
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}
/*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
.jqx-panel-bottomright {
}
/*applied to the DropDownButton's Popup.*/
.jqx-dropdownbutton-popup {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
}
.jqx-listbox {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}
/*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
.jqx-listbox-bottomright {
}
/*applied to the ListBox's groups.*/
.jqx-listitem-state-group {
    white-space: nowrap;
    padding: 5px 2px 5px 2px;
    background: transparent;
    font-weight: bold;
    text-align: left;
    outline: none;
    overflow: hidden;
    vertical-align: middle;
    cursor: default;
}
/*applied to a list item in default state.*/
.jqx-listitem-state-normal {
    white-space: nowrap;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
    outline: none;
    visibility: inherit;
    display: inherit;
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    cursor: default;
}
/*applied to a list item in hovered state.*/
.jqx-listitem-state-hover {
    white-space: nowrap;
    background: transparent;
    padding: 3px 3px 3px 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
}
/*applied to a list item when the item is selected.*/
.jqx-listitem-state-selected {
    white-space: nowrap;
    padding: 3px 3px 3px 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
}
.jqx-listbox-feedback {
    height: 1px;
    border-top: 1px dashed #000;
}
.jqx-listitem-element {
    -ms-touch-action: none;
    border: none;
    width: 100%;
    height: 100%;
    align: left;
    valign: top;
    position: absolute;
}
/*jqxComboBox Style*/
/*applied to the jqxComboBox's content which displays the text.*/
.jqx-combobox-content {
    padding: 0px;
    overflow: hidden;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}
.jqx-combobox-content-rtl {
    border: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: none;
    border-left: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}
/*applied to the ComboBox's input field.*/
.jqx-combobox-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding: 0 0 0 0;
    outline: none;
    border: 0px solid #aaa;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}
.jqx-combobox-input::-ms-clear {
        display: none;
    }
/*applied to the ComboBox's content when the widget is disabled.*/
.jqx-combobox-content-disabled {
    color: #AAA;
}
/*applied to the ComboBox's arrow button.*/
.jqx-combobox-arrow-normal, .jqx-action-button {
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
    border: none;
    cursor: pointer;
}
/*applied to the ComboBox's arrow button*/
.jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected {
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
}
/*applied to the ComboBox in normal state.*/
.jqx-combobox-state-normal {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
}
/*applied to the ComboBox when the mouse is over the widget.*/
.jqx-combobox-state-hover {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}
/*applied to the ComboBox when the popup ListBox is shown.*/
.jqx-combobox-state-selected {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}
/*applied to the ComboBox when the widget is focused.*/
.jqx-combobox-state-focus {
    border: 1px solid transparent;
}
.jqx-combobox-multi-item {
    padding: 1px 3px;
    margin: 2px;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
}
.jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited {
        color: inherit;
        display: block;
        outline: 0 none;
        text-decoration: none;
        cursor: pointer;
    }
/*applied to the ComboBox when the widget is disabled.*/
.jqx-combobox-state-disabled {
    white-space: nowrap;
    margin: 0px;
    color: #AAA;
}
/*jqxSelect Style*/
.jqx-select {
    overflow: hidden;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    -webkit-appearance: none;
    outline: 0 none;
}
.jqx-select-content {
    cursor: pointer;
    text-overflow: ellipsis;
}
.jqx-select-container {
    padding: 0;
}
.jqx-select-item {
    padding: 3px;
    margin: 1px;
    white-space: normal !important;
    cursor: default;
}
/*jqxDropDownList Style*/
/*applied to the dropdownlist's content element which displays the selected item's text or html.*/
.jqx-dropdownlist-content {
    padding: 0px;
    overflow: hidden;
    padding-left: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: 0 none;
    border: none;
}
.jqx-dropdownlist-content-rtl {
    padding-left: 0px;
    padding-right: 3px;
}
.jqx-dropdownlist .jqx-icon-arrow-down {
    width: 13px;
}
.jqx-dropdownlist .jqx-icon-arrow-up {
    width: 13px;
}
.jqx-combobox .jqx-icon-arrow-down {
    width: 13px;
}
.jqx-combobox .jqx-icon-arrow-up {
    width: 13px;
}
/*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */
.jqx-dropdownlist-content-disabled {
}
/*applied to the dropdownlist in default state.*/
.jqx-dropdownlist-state-normal {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to the dropdownlist in hovered state.*/
.jqx-dropdownlist-state-hover {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to the dropdownlist in selected state.*/
.jqx-dropdownlist-state-selected {
    overflow: hidden;
    background-color: transparent;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to the dropdownlist in focused state.*/
.jqx-dropdownlist-state-focus {
    border: 1px solid #909090;
}
/*applied to the dropdownlist in disabled state.*/
.jqx-dropdownlist-state-disabled {
}
/*jqxScrollBar Style*/
.jqx-scrollbar {
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;
}
/*applied to the scrollbar in default state.*/
.jqx-scrollbar-state-normal {
    background: #efefef;
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the scrollbar buttons in default state.*/
.jqx-scrollbar-button-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal-horizontal {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
    touch-action: none;
}
/*applied to the horizontal scrollbar thumb in hovered state.*/
.jqx-scrollbar-thumb-state-hover-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
    touch-action: none;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-hover {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed {
    margin: 0px;
    padding: 0px;
    background: #d1d1d1;
    border: 1px solid #909090;
}
/* jqxWindow */
.jqx-window {
    position: absolute;
    overflow: hidden;
    border: 1px solid transparent;
}
/*applied to the jqxWindow when it’s disabled*/
.jqx-window-disabled {
}
/*applied to the window’s header*/
.jqx-window-header {
    outline: none;
    border-width: 0px;
    border-bottom: 1px solid transparent;
    overflow: hidden;
    padding: 7px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
}
/*applied to the window’s header when the window is disabled*/
.jqx-window-header-disabled {
}
/*applied to the window’s content*/
.jqx-window-content {
    outline: none;
    overflow: auto;
    text-align: left;
    background-color: transparent;
    padding: 5px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
/*applied to the window’s content when the window is disabled*/
.jqx-window-content-disabled {
    outline: none;
    overflow: auto;
    text-align: left;
    padding: 5px;
}
/*applied to the window’s close button*/
.jqx-window-close-button {
    cursor: pointer;
    background-image: url('close.93925d33bee981482fc2.png');
    background-repeat: no-repeat;
    margin-top: 2px;
}
/*applied to the window's collapse button*/
.jqx-window-collapse-button {
    background-image: url('icon-up.92d5aef0adb8afe7a65a.png');
    cursor: pointer;
    margin-top: 3px;
}
/*applied to the window's collapse button when the window is collapsed*/
.jqx-window-collapse-button-collapsed {
    margin-top: 3px;
    cursor: pointer;
    background-image: url('icon-down.02e768df75da3412dea5.png');
}
/*setting styles of the modal window’s background*/
.jqx-window-modal {
    background-color: Black;
}
.jqx-window-close-button-hover {
}
.jqx-docking {
    overflow: hidden;
}
.jqx-docking-panel {
    margin: 0px;
    padding: 0px;
    min-height: 100px;
}
.jqx-docking-drop-indicator {
    border-style: dashed;
    border-width: 1px;
    margin: 0px;
}
.jqx-docking-window {
    margin: 0px;
}
/* jxSlider */
/* applied to jqxSlider widget */
.jqx-slider {
    outline: none;
    clear: both;
    position: relative;
    overflow: hidden;
}
/*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/
.jqx-slider-tick {
    border-left: 1px solid transparent;
    z-index: 9;
}
/*applied to the ticks when the slider is in horizontal mode*/
.jqx-slider-tick-horizontal {
    width: 1px;
    border-left: none;
    margin-top: 1px;
}
/*applied to the ticks when the slider is in vertical mode*/
.jqx-slider-tick-vertical {
    height: 1px;
    border-top: none;
}
/*applied to the ticks container*/
.jqx-slider-tickscontainer {
    z-index: 10;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 9;
}
/*applied to the jqxSlider thumb used for changing/indicating current value*/
.jqx-slider-slider {
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 15;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 100%;
}
.jqx-slider-button {
    cursor: pointer;
    border-radius: 100%;
    box-sizing: content-box !important;
    padding: 3px !important;
}
/*applied to the slider's thumb when the slider is in horizontal mode*/
.jqx-slider-slider-horizontal {
    margin-top: -9px;
    border-radius: 100%;
    border: 1px solid transparent;
}
/*applied to the slider's thumb when the slider is in vertical mode*/
.jqx-slider-slider-vertical {
    margin-left: -9px;
    border-radius: 100%;
    border: 1px solid transparent;
}
/*applied to the track where is located the thumb*/
.jqx-slider-track {
    height: 4px;
    float: left;
    position: relative;
    z-index: 20;
    cursor: pointer;
}
/*used in horizontal slider*/
.jqx-slider-track-horizontal {
    height: 4px;
    margin-top: 2px;
}
/*used in vertical slider*/
.jqx-slider-track-vertical {
    width: 4px;
}
/*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/
.jqx-slider-rangebar {
}
/* jqxSplitter */
.jqx-splitter {
    overflow: hidden;
    border: 1px solid transparent;
    position: relative;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation */
.jqx-splitter-splitbar-vertical {
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
}
/* Split bar's mouse over state */
.jqx-splitter-splitbar-hover {
    background-color: transparent;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation. */
.jqx-splitter-splitbar-horizontal {
    position: absolute;
    border: 1px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;
    cursor: n-resize;
    cursor: row-resize;
}
/* This class is applied to the splitter when it's dragged to it's max left/right boundary */
.jqx-splitter-splitbar-invalid {
    background: #FF0000 !important;
}
/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */
.jqx-splitter-collapse-button-horizontal {
    cursor: pointer;
    width: 45px;
    height: 5px;
}
/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */
.jqx-splitter-collapse-button-vertical {
    cursor: pointer;
    width: 5px;
    height: 45px;
}
/* This class is added when the user disable the splitter. */
.jqx-splitter-splitbar-collapsed {
    cursor: default;
}
/* Applied to the jqxSplitter panels. */
.jqx-splitter-panel {
    border: none;
    outline: none;
    position: absolute;
    overflow: hidden;
}
/* This class is added to a nested splitter.*/
.jqx-splitter-nested, .jqx-splitter-panel-nested {
    border: none;
    overflow: hidden;
}
.jqx-draggable {
}
.jqx-draggable-dragging {
    border: 0px solid black;
}
.jqx-draggable-disabled {
    cursor: default;
}
.jqx-validator-hint {
    height: 18px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana;
    font-size: 13px;
    border: 1px solid #6E0000;
    background-color: #942724;
    color: #fff;
    z-index: 99999;
    white-space: nowrap;
}
.jqx-validator-hint-arrow {
    z-index: 99999;
    height: 9px;
    width: 9px;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    background-image: url('multi-arrow.124bb1bc2aaa4c094f32.gif');
}
.jqx-validator-error-label {
    color: #dd4b39;
    vertical-align: top;
    text-align: left;
    display: block;
    cursor: default;
    line-height: 17px;
}
.jqx-validator-error-element {
    border-color: #dd4b39 !important;
}
.jqx-switchbutton {
    outline: none;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.jqx-switchbutton-thumb {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
}
.jqx-switchbutton-label {
    font-size: 15px;
    font-family: Sans-Serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.jqx-switchbutton-wrapper {
}
.jqx-switchbutton-label-on {
}
.jqx-switchbutton-label-off {
}
/*left, right, up and down arrow icons.*/
.jqx-left-arrow {
    background: transparent;
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
    cursor: pointer;
}
.jqx-right-arrow {
    background: transparent;
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
    cursor: pointer;
}
.jqx-icon-delete {
    background-image: url('icon-delete.904c3983486b6185a27e.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-edit {
    background-image: url('icon-edit.a076136a3b61b39e2258.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-save {
    background-image: url('icon-save.800d9098685680d51261.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-cancel {
    background-image: url('icon-cancel.83d5b0de6fbf7872f009.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected {
    background-image: url('icon-up.92d5aef0adb8afe7a65a.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected {
    background-image: url('icon-down.02e768df75da3412dea5.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected {
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected {
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected {
    background-image: url('icon-first.fa31cfc43b0ef36b7cba.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected {
    background-image: url('icon-last.fb2b0f758343c1ce2234.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-up-hover {
    background-image: url('icon-up.92d5aef0adb8afe7a65a.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-down-hover {
    background-image: url('icon-down.02e768df75da3412dea5.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-left-hover {
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-right-hover {
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-up-selected {
    background-image: url('icon-up.92d5aef0adb8afe7a65a.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-down-selected {
    background-image: url('icon-down.02e768df75da3412dea5.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-left-selected {
    background-image: url('icon-left.5c59b1a99e82bec2517f.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-right-selected {
    background-image: url('icon-right.950ea4cd301a60fb4863.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-close {
    cursor: pointer;
    background-image: url('close.93925d33bee981482fc2.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-close-white {
    background-image: url('close_white.0d23575a0befaadb5c9f.png');
}
.jqx-icon-close-hover {
    cursor: pointer;
    background-image: url('close.93925d33bee981482fc2.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-search {
    cursor: pointer;
    background-image: url('search.4a678ee866316f1a2f89.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
    background-size: 13px;
    width: 13px;
    height: 13px;
}
.jqx-icon-plus {
    background-image: url('plus.e6785222da63f424453b.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}
.jqx-icon-plus-alt, .jqx-icon-plus-alt-white {
    background-image: url('icon-plus.272dbb33056fb0eb2a5c.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}
.jqx-icon-plus-alt-white {
    background-image: url('icon-plus-white.746c723181331d401dbe.png');
}
/* jqxScrollView */
.jqx-scrollview-button {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
    background-color: #aaaeaf;
}
.jqx-scrollview {
    background-color: #000;
    -ms-touch-action: auto !important;
}
.jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar.384e2b3672cca7526ac9.png');
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    width: 15px !important;
    height: 15px !important;
    margin-top: -7.5px !important;
}
/*applied to Inputs*/
.jqx-input-widget {
    box-sizing: border-box !important;
}
.jqx-input {
    overflow: hidden;
    background-color: inherit;
    border-color: #c7c7c7;
}
.jqx-input-invalid {
    color: red !important;
}
.jqx-input-group {
    overflow: hidden;
}
.jqx-input-group-addon {
    border: 1px solid transparent;
    position: relative;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    float: left;
    white-space: nowrap;
    vertical-align: middle;
}
.jqx-input-group-addon:first-child {
        border-right-width: 0px;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
.jqx-input-group-addon:last-child {
        border-left-width: 0px;
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }
.jqx-input-group-addon:not(:last-child):not(:first-child) {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-left-width: 0px;
    }
.jqx-input-group .jqx-input {
    padding: 2px 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}
.jqx-editor {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    overflow: hidden;
    box-sizing: border-box !important;
}
.jqx-editor-window {
    overflow: hidden;
}
.jqx-editor-inline {
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}
.jqx-editor-inline p {
        margin: 0px;
        padding: 0 .2em;
    }
.jqx-editor-inline-focus {
    border-width: 1px;
    border-style: solid;
    overflow: auto;
}
.jqx-editor iframe {
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    display: inline;
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.jqx-editor-color-bar {
    height: 3px;
}
.jqx-editor-color-picker table {
    margin: 0;
    padding: 0 4px 4px;
    empty-cells: show;
    border-collapse: separate;
}
.jqx-editor-color-picker td {
    border-collapse: separate;
    border: 1px solid transparent;
    cursor: pointer;
    margin: 0;
    position: relative;
}
.jqx-editor-color-picker td:hover {
        border: 1px solid #000;
    }
.jqx-editor-color-picker-selected-cell {
    outline: 1px solid #000;
}
.jqx-editor-color-picker td div {
    width: 16px;
    height: 16px;
}
.jqx-editor-content {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0;
    left: 0px;
    position: relative;
    box-sizing: border-box !important;
}
.jqx-editor-container {
    position: relative;
    padding: 4px;
    padding-top: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box !important;
}
.jqx-editor-toolbar-container {
    top: 0px;
    left: 0px;
    box-sizing: border-box !important;
}
.jqx-editor-toolbar-inline {
    padding: 0px 4px;
    border-width: 1px;
    border-style: solid;
}
.jqx-editor-toolbar {
    margin: 0;
    padding: 0px;
    padding-bottom: 4px;
}
.jqx-editor-toolbar-icon {
    height: 21px;
    width: 21px;
    vertical-align: middle;
    opacity: .667;
    margin: 2px 0;
    background: url('html_editor.dda54b85b22593fee05e.png') no-repeat;
}
.jqx-editor-toolbar-icon-bold {
    background-position: 0px 0px !important;
}
.jqx-editor-toolbar-icon-italic {
    background-position: -21px 0px !important;
}
.jqx-editor-toolbar-icon-underline {
    background-position: -42px 0px !important;
}
.jqx-editor-toolbar-icon-fontname {
    background-position: -63px 0px !important;
}
.jqx-editor-toolbar-icon-fontsize {
    background-position: -84px 0px !important;
}
.jqx-editor-toolbar-icon-createlink {
    background-position: -147px 0px !important;
}
.jqx-editor-toolbar-icon-insertorderedlist {
    background-position: -168px 0px !important;
}
.jqx-editor-toolbar-icon-insertunorderedlist {
    background-position: -189px 0px !important;
}
.jqx-editor-toolbar-icon-outdent {
    background-position: -210px 0px !important;
}
.jqx-editor-toolbar-icon-indent {
    background-position: -231px 0px !important;
}
.jqx-editor-toolbar-icon-insertimage {
    background-position: -337px 0px !important;
}
.jqx-editor-toolbar-icon-justifyleft {
    background-position: -252px 0px !important;
}
.jqx-editor-toolbar-icon-justifycenter {
    background-position: -273px 0px !important;
}
.jqx-editor-toolbar-icon-justifyright {
    background-position: -294px 0px !important;
}
.jqx-editor-toolbar-icon-removeformat {
    background-position: -316px 0px !important;
}
.jqx-editor-toolbar-icon-viewsource {
    background-position: -359px 0px !important;
}
.jqx-editor-toolbar-icon-forecolor {
    background-position: -105px 0px !important;
    height: 15px;
}
.jqx-editor-toolbar-icon-backcolor {
    background-position: -380px 0px !important;
    height: 15px;
}
.jqx-editor-toolbar-icon:hover {
    opacity: 1;
}
.jqx-fill-state-disabled .jqx-editor-toolbar-icon {
    opacity: .667;
}
.jqx-editor-toolbar-item {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.jqx-editor-toolbar-separator {
    border-left: 1px solid #ccc;
    margin: 0 2px;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;
    width: 0;
    display: inline-block;
}
.jqx-editor-toolbar-group {
    display: inline-block;
    margin-right: 4px;
    margin-top: 4px;
    white-space: nowrap;
}
.jqx-editor-toolbar-button {
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
    display: inline-block;
    padding: 0px !important;
    margin-right: 2px;
}
.jqx-editor-toolbar-group .jqx-editor-toolbar-button {
    margin-right: -1px;
    box-shadow: none;
    position: relative;
    margin-left: 0px !important;
}
.jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active {
        z-index: 55;
    }
.jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal {
        background: transparent !important;
    }
.jqx-date-time-input-popup table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    outline: 0;
    color: #333;
}
.jqx-date-time-input-popup table td input {
    width: 25px;
    margin: 0;
    text-align: center;
    padding: 4px 6px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
.jqx-scheduler .jqx-cell {
    padding: 0px !important;
    cursor: default;
}
.jqx-scheduler .jqx-widget-header.jqx-grid-header {
    border-bottom-color: transparent;
    border-bottom-width: 0px;
}
.jqx-scheduler .jqx-grid-column-header, .jqx-scheduler.jqx-widget .jqx-grid-column-header {
    border-bottom: 1px solid #c5c5c5;
}
.jqx-grid-column-header[sort] > div > div {
    width: calc(100% - 20px);
}
.jqx-grid-column-header[filter] > div > div {
    width: calc(100% - 20px);
}
.jqx-grid-column-header[filter][sort] > div > div {
    width: calc(100% - 40px);
}
.jqx-scheduler-all-day-cell {
    text-align: left;
}
.jqx-scheduler-all-day-cell span {
        margin-left: 3px;
    }
.jqx-scheduler-month-cell {
    background: #f2f2f2;
    color: #000;
    opacity: 0.8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    vertical-align: top;
    text-align: left;
}
.jqx-scheduler-month-cell-touch {
    background: transparent;
    border: none;
    vertical-align: middle;
    text-align: center;
}
.jqx-scheduler-month-cell-popup {
    border: 1px solid #333;
    background: #f2f2f2;
    box-shadow: 0 5px 0px rgba(0,0,0,.15) !important;
}
.jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell {
    border-bottom-color: #ddd !important;
}
.jqx-scheduler-cell-selected.jqx-scheduler-middle-cell {
    border-bottom-style: dotted;
}
.jqx-scheduler-work-time-cell {
    background: #fff;
}
.jqx-scheduler-not-work-time-cell {
    background: #eee;
}
.jqx-scheduler-month-outer-cell {
    color: #555;
}
.jqx-scheduler-month-weekend-cell {
    background: #eee;
}
.jqx-scheduler-disabled-cell {
    background: #e9edf1;
}
.jqx-scheduler-toolbar {
    font-size: 14px;
}
.jqx-scheduler-time-column, .jqx-scheduler-toolbar {
    background-image: none !important;
    background: #fff !important;
    color: #333 !important;
}
.jqx-scheduler-week-number-column {
    background: #e8e8e8 !important;
    color: #333;
}
.jqx-scheduler-time-column-header-cell {
    border-left-color: transparent !important;
}
.jqx-scheduler-time-column-header-cell-rtl {
    border-right-color: transparent !important;
}
.jqx-scheduler-appointment {
    overflow: visible;
    border: 1px solid #555;
    white-space: pre-line;
    cursor: pointer;
    vertical-align: middle;
    text-overflow: ellipsis;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.jqx-scheduler-appointment-rtl {
    direction: rtl;
    text-align: right;
}
.jqx-scheduler-appointment-content {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.jqx-scheduler-appointment-inner-content {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    padding-bottom: 3px;
}
.jqx-scheduler-appointment-duration-status {
    height: 0px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-color: #f05c2d;
    background: #f05c2d;
    position: absolute;
    bottom: -1px;
    left: 0px;
    border-radius: 5px;
}
.jqx-scheduler-appointment-status {
    width: 4px;
    height: 100%;
    border-right-width: 1px;
    border-right-style: solid;
    position: absolute;
    top: 0px;
    left: 0px;
}
.jqx-scheduler-appointment-status-rtl {
    width: 4px;
    height: 100%;
    border-right-width: 0px;
    border-right-style: none;
    border-left-width: 1px;
    border-left-style: solid;
    position: absolute;
    top: 0px;
    right: 0px;
}
.jqx-scheduler-appointment-status-stripes {
    background-image: url('stripes.fadb535c7f9eb5a2a0f1.png');
    background-repeat: repeat-y;
    background-position: left top;
}
.jqx-scheduler-appointment-resize-indicator {
    width: 4px;
    height: 4px;
    position: absolute;
    border: 1px solid black;
    background: white;
    display: none;
}
.jqx-scheduler-appointment-top-resize-indicator {
    top: -3px;
    left: 50%;
    margin-left: -2px;
    cursor: row-resize;
}
.jqx-scheduler-appointment-bottom-resize-indicator {
    cursor: row-resize;
    bottom: -3px;
    left: 50%;
    margin-left: -2px;
}
.jqx-scheduler-appointment-left-resize-indicator {
    cursor: col-resize;
    top: 50%;
    left: -3px;
    margin-top: -2px;
}
.jqx-scheduler-appointment-right-resize-indicator {
    cursor: col-resize;
    top: 50%;
    margin-top: -2px;
    right: -3px;
}
.jqx-scheduler-appointment span {
    vertical-align: middle;
    text-overflow: ellipsis;
    position: relative;
    top: -1px;
}
.jqx-scheduler-feedback-appointment {
    opacity: 0.7;
    position: absolute;
    z-index: 99999;
}
.jqx-scheduler-selected-appointment {
    border: 1px solid #316293 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    white-space: pre-line;
}
.jqx-scheduler-appointment:hover {
    border: 1px solid #3f7ebe !important;
}
.jqx-scheduler-feedback-drag-appointment {
    background: #aaa !important;
}
.jqx-icon-recurrence, .jqx-icon-recurrence-exception, .jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time {
    background-image: url('icon-recurrence.1d810ebef3cd022ec523.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    float: left;
    margin: 3px;
    margin-left: 5px;
}
.jqx-icon-time {
    background-image: url('icon-time.47f2a31523c9ec3358ef.png');
    margin: 0px;
    position: relative;
    left: 1px;
    margin-top: -8px;
}
.jqx-icon-time-white {
    background-image: url('icon-time-white.92fffb4b1d20920b2d4b.png');
}
.jqx-icon-recurrence-exception {
    background-image: url('icon-recurrence-exception.c144056cc2135619238d.png');
}
.jqx-icon-recurrence-exception-white {
    background-image: url('icon-recurrence-exception-white.fa72dede0d5584df437f.png');
}
.jqx-icon-recurrence-white {
    background-image: url('icon-recurrence-white.e993071c7d5fe0de5772.png');
}
.jqx-scheduler-cell-hover {
    border-color: #3f7ebe !important;
    background: #a2c0df !important;
}
.jqx-scheduler-cell-selected {
    border-color: #316293 !important;
    background: #2f7eb6 !important;
}
.jqx-scheduler-edit-dialog-label {
    clear: both;
    float: left;
    margin-left: 2%;
    padding: 4px;
    text-align: right;
    width: 18%;
    line-height: 25px;
}
.jqx-scheduler-edit-dialog-field {
    clear: right;
    float: right;
    margin-right: 2%;
    padding: 4px;
    width: 380px;
}
.jqx-scheduler-edit-dialog-label-rtl {
    clear: both;
    float: right;
    margin-left: 0px;
    margin-right: 2%;
    padding: 4px;
    text-align: left;
    width: 18%;
    line-height: 25px;
}
.jqx-scheduler-edit-dialog-field-rtl {
    clear: left;
    float: left;
    margin-right: 0px;
    margin-left: 2%;
    padding: 4px;
    width: 72%;
}
.jqx-scheduler-legend-bar {
    overflow: hidden;
    border-color: inherit;
    border: none;
}
.jqx-scheduler-legend-bar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
}
.jqx-scheduler-legend-bar-top {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.jqx-scheduler-legend {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 4px;
}
.jqx-scheduler-legend-label {
    float: left;
    margin-right: 12px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 4px;
}
.jqx-scheduler-cell-selected .jqx-scheduler-agenda-date {
    color: #fff;
}
.jqx-scheduler-cell-selected .jqx-scheduler-agenda-time {
    color: #fff;
}
.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl {
    color: #fff;
}
.jqx-scheduler-agenda-date {
    padding-top: 5px;
    padding-bottom: 5px;
}
.jqx-scheduler-agenda-time {
    padding: 5px;
}
.jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl {
    cursor: pointer;
}
.jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl {
    margin: 5px;
    cursor: pointer;
}
.jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl {
    float: right;
}
.jqx-scheduler-agenda-day {
    margin: 3px;
    font-size: 33px;
    font-weight: normal;
}
.jqx-scheduler-agenda-week {
    font-style: normal;
    font-size: 13px;
}
.jqx-scheduler-agenda-date {
    font-size: 10px;
}
.jqx-scheduler-cell-focus {
    border-style: dotted;
    border-color: #59a0d5 !important;
    background: #59a0d5 !important;
}
/*applied to all widgets*/
.jqx-widget {
    box-sizing: content-box;
    -ms-touch-action: none;
    zoom: 1 !important;
    color: #000000;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-appearance: none;
    -webkit-background-clip: padding-box;
    direction: ltr !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-size: 13px;
}
.jqx-item {
    -ms-touch-action: none;
    box-sizing: content-box;
    color: inherit;
    -webkit-text-size-adjust: none;
}
/*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/
.jqx-widget-content {
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #c7c7c7;
    background: #fff;
}
/*applied to header areas. Tabs, Menu, Window, Calendar.*/
.jqx-widget-header {
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-color: #c5c5c5;
    background: #e8e8e8;
}
.jqx-fill-state-normal {
    box-sizing: content-box;
    -ms-touch-action: none;
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #aaa;
    background: #efefef;
}
.jqx-fill-state-hover {
    box-sizing: content-box;
    border-color: #999;
    background: #e8e8e8;
}
.jqx-fill-state-pressed {
    box-sizing: content-box;
    border-color: #999;
    background: #d1d1d1;
}
.jqx-fill-state-focus {
    border-color: #555;
}
.jqx-fill-state-disabled {
    cursor: default;
    color: #000;
    opacity: .55;
    filter: Alpha(Opacity=45);
}
.jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #aaa;
}
.jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton {
    background-color: transparent;
    border-color: #aaa;
}
.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {
}
.jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright {
    background-color: #e5e5e5;
}
.jqx-tabs-title-selected-top {
    border-color: #aaa;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom {
    border-color: #aaa;
    border-top: 1px solid #fff;
    background-color: #fff;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top {
    border-color: #aaa;
    border-bottom: 1px solid #fff;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom {
    border-color: #aaa;
    border-top: 1px solid #fff;
}
/*jqxMaskedInput and jqxNumberInput Styles*/
.jqx-input {
    -webkit-appearance: none;
    padding: 0 0 0 0;
    outline: none;
    border-width: 1px;
    border-style: solid;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}
input[type=text].jqx-input, input[type=password].jqx-input {
    min-height: 16px;
    min-width: 16px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    font-size: 13px;
    padding: 3px;
    padding-left: 3px;
    padding-right: 3px;
}
.jqx-input::-ms-reveal {
    display: none;
}
.jqx-input::-ms-clear {
    display: none;
}
.jqx-input-content::-ms-clear {
    display: none;
}
.jqx-input::-ms-value {
    margin: 0px;
    padding: 0px;
    min-height: 13px;
    line-height: 13px;
}
/*applied to the input when the validation fails.*/
.jqx-input-invalid {
    border-color: #dd4b39 !important;
}
/*applied to the input's content.*/
.jqx-input-content {
    -webkit-appearance: none;
    padding: 1px;
    resize: none;
    outline: none;
    outline-width: 0px;
    -webkit-user-modify: inherit;
    -moz-user-modify: inherit;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}
/*applied to the input when it is disabled.*/
.jqx-input-disabled {
    -webkit-appearance: none;
    resize: none;
    outline: none;
    outline-width: 0px;
}
/*applied to the list menu.*/
.jqx-listmenu-widget {
    -ms-touch-action: auto;
}
.jqx-listmenu-widget .jqx-widget-content {
        -ms-touch-action: auto;
    }
.jqx-listmenu-widget .jqx-widget-header {
        -ms-touch-action: auto;
    }
.jqx-listmenu-widget li {
        -ms-touch-action: auto;
    }
.jqx-menu-popup {
}
.jqx-menu-vertical {
    background-color: #efefef;
}
.jqx-color-picker {
}
.jqx-color-picker-panel {
}
.jqx-color-picker-map {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('map-saturation.8495d8cfcd11178425d1.png');
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}
.jqx-color-picker-map-hue {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('map-hue.076dc20edf52be6efbb8.png');
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}
.jqx-color-picker-map-overlay {
    background-color: transparent;
    background-image: url('map-saturation-overlay.b01e6120d05abd33918d.png');
    background-repeat: no-repeat;
    background-position: left top;
}
.jqx-color-picker-bar {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('bar-saturation.dabb0b18bf80492f854c.png');
    background-repeat: no-repeat;
    background-position: left top;
}
.jqx-color-picker-bar-hue {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('bar-hue.36102c875c55ac257090.png');
    background-repeat: no-repeat;
    background-position: left top;
}
.jqx-color-picker-preview {
    border: 1px solid #A0A0A0;
}
.jqx-color-picker-pointer {
    background-image: url('crosshair.fd58bf47bf0edbcdc9f4.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
.jqx-color-picker-pointer-alt {
    background-image: url('crosshair-white.64430d7b5ed997a5214a.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
.jqx-color-picker-bar-pointer {
    background-image: url('pointer.0b759889a7e4ecc0d97e.png');
    background-repeat: no-repeat;
    height: 15px;
    margin-left: 6px;
    background-position: right top;
}
.jqx-icon {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -8px;
}
.jqx-input-icon {
    width: 13px;
    height: 13px;
    margin: 0 auto;
}
.jqx-scrollbar-thumb-state-normal-touch {
    border-color: #c3c3c3;
    background: #c3c3c3;
}
.jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link {
}
.jqx-scrollbar .jqx-icon-arrow-up {
    width: 100%;
    height: 100%;
}
.jqx-scrollbar .jqx-icon-arrow-down {
    width: 100%;
    height: 100%;
}
.jqx-scrollbar .jqx-icon-arrow-left {
    width: 100%;
    height: 100%;
}
.jqx-scrollbar .jqx-icon-arrow-right {
    width: 100%;
    height: 100%;
}
/*jqx-listmenu*/
.jqx-listmenu-widget {
    border-width: 1px;
    border-style: solid;
}
ol.jqx-listmenu, ul.jqx-listmenu {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1;
    counter-reset: section;
}
.jqx-listmenu li {
    margin-left: 0px;
    list-style: none;
    line-height: 1;
}
.jqx-listmenu {
    width: 100%;
}
.jqx-listmenu-header {
    padding: 15px;
}
.jqx-listmenu-item {
    cursor: pointer;
    padding: 15px;
    float: none;
    overflow: hidden;
    text-align: left;
    position: relative;
}
.jqx-listmenu-separator {
    padding: 10px;
    counter-reset: section;
}
.jqx-listmenu-header-label {
    margin-left: 30px;
}
.jqx-listmenu-arrow-right {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 7px;
}
.jqx-listmenu-arrow-rtl {
    right: 0px;
    left: 7px;
}
.jqx-listmenu-arrow-right-pressed {
    width: 16px;
    height: 16px;
}
.jqx-listmenu-header .jqx-button {
    border-radius: 10px;
    padding: 6px 10px;
}
.jqx-listmenu-filter-input {
    border-radius: 3px;
    border: 1px solid;
    outline: none;
    width: 97%;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: #c7c7c7;
    background-color: #fff;
    font-size: 20px;
    min-height: 25px !important;
    height: 25px;
}
.jqx-listmenu-filter {
    text-align: center;
    padding: 4px;
}
ol li .jqx-listmenu-item-label:before {
    content: counter(section) ". ";
    counter-increment: section;
}
.jqx-listmenu div {
    clear: both;
}
.jqx-listmenu-auto-separator {
}
.jqx-listmenu-item-readonly {
    cursor: default;
}
.jqx-tooltip {
    position: absolute;
    width: auto;
    height: auto;
}
.jqx-tooltip-main {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-filter: inherit;
            filter: inherit;
    border-style: solid;
    border-width: 1px;
}
.jqx-tooltip-text {
    padding: 5px 8px;
    overflow: hidden;
    -webkit-filter: inherit;
            filter: inherit;
}
.jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main {
    border-radius: 5px;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}
.jqx-tooltip-arrow {
    position: absolute;
    width: 0px;
    height: 0px;
    display: block;
    border-style: solid;
    margin: -6px 0 0 -7px;
    background: transparent !important;
    -webkit-filter: inherit;
            filter: inherit;
}
.jqx-tooltip-arrow-t-b {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}
.jqx-tooltip-arrow-l-r {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}
/*Sets the text-alignment to right.*/
.jqx-rtl {
    text-align: right !important;
}
.jqx-shadow {
    box-shadow: 0 2px 3px rgba(0,0,0,.15) !important;
}
.jqx-noshadow {
    box-shadow: none !important;
}
.jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl {
    background-image: url('icon-showpassword.ef57721522bfa68d446d.png') !important;
    background-repeat: no-repeat !important;
    width: 14px;
    height: 9px;
}
.jqx-passwordinput-password-icon-ltr {
    background-position: right !important;
}
.jqx-passwordinput-password-icon-rtl {
    background-position: left !important;
}
.jqx-passwordinput-password-strength-inicator {
    width: 20%;
    height: 5px;
    margin-top: 5px;
}
/*top rounded Corners*/
.jqx-rc-t-expanded {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
/*bottom rounded Corners*/
.jqx-rc-b-expanded {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.jqx-treemap-rectangle {
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #555;
    color: #222;
    text-shadow: 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jqx-treemap-label {
    text-overflow: ellipsis;
    overflow: hidden;
}
.jqx-treemap-rectangle-parent {
    color: #222;
    font-size: 15px;
    font-family: Verdana;
    font-weight: bold;
}
.jqx-treemap-legend-label {
    color: #fff;
}
.jqx-treemap-legend {
    width: 350px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 41;
    overflow: hidden;
}
.jqx-treemap-legend-table {
    table-layout: fixed;
    width: 100%;
}
.jqx-treemap-legend-color {
    height: 3px;
}
.jqx-treemap-legend-values {
    height: 12px;
    width: 100%;
}
.jqx-treemap-legend-value {
    font-size: 9px;
    position: absolute;
    color: #fff;
}
.jqx-treemap-rectangle-hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    z-index: 40;
}
/*jqxRangeSelector*/
.jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers,
.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: content-box !important;
}
.jqx-rangeselector-markers {
}
.jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow {
    position: absolute;
}
.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider {
    height: 100%;
}
.jqx-rangeselector-ticks-container, .jqx-rangeselector-slider {
    width: 100%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-radius: 0px !important;
}
.jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider {
    float: left;
}
.jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow {
    border-style: solid;
}
.jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks {
    width: 1px;
    background: #aaa;
}
.jqx-rangeselector-labels, .jqx-rangeselector-markers {
    white-space: nowrap;
    width: auto;
}
.jqx-rangeselector-slider, .jqx-rangeselector-markers {
    border-width: 1px !important;
}
.jqx-rangeselector-ticks-container {
    background-color: transparent;
    position: relative;
}
.jqx-rangeselector-shutter {
    opacity: 0.75;
    background: #efefef;
    border-width: 0px !important;
}
.jqx-rangeselector-slider {
    background-color: transparent !important;
    border-top: none !important;
    background-image: none !important;
    border-bottom: none !important;
    border-color: #aaa;
    border-right-color: transparent !important;
    position: relative;
    overflow: hidden;
}
.jqx-rangeselector-inner-slider {
    position: absolute;
    right: 0;
    background: #aaa;
    width: 1px;
    height: 100%;
}
.jqx-rangeselector-ticks {
    margin-top: 0px;
}
.jqx-rangeselector-labels, .jqx-rangeselector-group-labels {
    margin-top: 4px;
}
.jqx-rangeselector-markers {
    height: 20px;
    padding: 5px;
    opacity: 0.75;
}
.jqx-rangeselector-marker-arrow {
    width: 0px;
    height: 0px;
    display: block;
    margin: -6px 0 0 -7px;
    background-color: transparent !important;
    -webkit-filter: inherit;
            filter: inherit;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    background-clip: border-box;
    background-repeat: repeat;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-image: none !important;
}
.jqx-rangeselector-marker-arrow-top {
    border-bottom-color: transparent !important;
}
.jqx-rangeselector-marker-arrow-bottom {
    border-top-color: transparent !important;
}
.jqx-rangeselector-marker-left-arrow {
    border-right-width: 0px;
    border-left-width: 5px;
}
.jqx-rangeselector-marker-right-arrow {
    border-right-width: 5px;
    border-left-width: 0px;
}
.jqx-rangeselector-markers-value {
    overflow: hidden;
    white-space: nowrap;
}
.jqx-rangeselector-group-labels-rtl {
    margin-right: 10px;
    direction: rtl;
}
.jqx-rangeselector-group-labels-ticks {
    height: 17px;
}
.jqx-rangeselector-group-labels-ticks-rtl {
    margin-left: 5px;
}
.jqx-action-button {
    border: none;
    border-left: 1px solid #c7c7c7;
}
.jqx-action-button-rtl {
    border: none;
    border-right: 1px solid #c7c7c7;
    cursor: pointer;
}
/*jqxBulletChart*/
.jqx-bulletchart {
}
.jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical {
    position: relative;
}
.jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels {
    position: absolute;
}
.jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical {
    width: 100%;
}
.jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal {
    float: left;
    overflow: hidden;
}
.jqx-bulletchart-title, .jqx-bulletchart-description {
    text-align: center;
}
.jqx-bulletchart-title-inner-container {
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.jqx-bulletchart-title-inner-container-ltr {
    padding-right: 5px;
}
.jqx-bulletchart-title-inner-container-rtl {
    padding-left: 5px;
}
.jqx-bulletchart-title-description-ltr {
    text-align: right;
}
.jqx-bulletchart-title-description-rtl {
    text-align: left;
}
.jqx-bulletchart-title-description-vertical {
    text-align: center;
}
.jqx-bulletchart-title {
    font-size: 110%;
    font-weight: bold;
}
.jqx-bulletchart-description {
    font-size: 90%;
}
.jqx-bulletchart-range-horizontal {
    height: 100%;
}
.jqx-bulletchart-target-horizontal {
    top: 10%;
    height: 80%;
}
.jqx-bulletchart-target-vertical {
    left: 10%;
    width: 80%;
}
.jqx-bulletchart-ticks {
    background-color: #AAAAAA;
}
.jqx-bulletchart-ticks-horizontal {
    width: 1px;
}
.jqx-bulletchart-ticks-vertical {
    height: 1px;
}
.jqx-bulletchart-zero-tick {
}
.jqx-bulletchart-labels {
}
/*jqxNotification*/
.jqx-notification {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    pointer-events: auto;
}
.jqx-notification-table {
    width: 100%;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
}
.jqx-notification-container {
    position: fixed;
    height: auto;
    width: auto;
    pointer-events: none;
}
.jqx-notification-container-full-width {
    width: 100%;
}
.jqx-notification-container-full-height {
    height: 100%;
}
#jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left {
    direction: rtl;
}
.jqx-notification-icon, .jqx-notification-content {
    vertical-align: middle;
}
.jqx-notification-content {
}
.jqx-notification-content-rtl {
    direction: rtl;
}
.jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info {
    background: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed {
        background-image: url('icon-calendar-white.012420ccbe9585ea3e1c.png');
    }
.jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed {
        background-image: url('icon-time-white.92fffb4b1d20920b2d4b.png');
    }
.jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed {
        background-image: url('icon-calendar-white.012420ccbe9585ea3e1c.png');
    }
.jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed {
        background-image: url('icon-time-white.92fffb4b1d20920b2d4b.png');
    }
.jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed {
        background-image: url('icon-calendar-white.012420ccbe9585ea3e1c.png');
    }
.jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed {
        background-image: url('icon-time-white.92fffb4b1d20920b2d4b.png');
    }
.jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed {
        background-image: url('icon-calendar-white.012420ccbe9585ea3e1c.png');
    }
.jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed {
        background-image: url('icon-time-white.92fffb4b1d20920b2d4b.png');
    }
.jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed {
        background-image: url('icon-calendar-white.012420ccbe9585ea3e1c.png');
    }
.jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed {
        background-image: url('icon-time-white.92fffb4b1d20920b2d4b.png');
    }
.jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed {
        background-image: url('icon-calendar-white.012420ccbe9585ea3e1c.png');
    }
.jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed {
        background-image: url('icon-time-white.92fffb4b1d20920b2d4b.png');
    }
.jqx-notification-info, .jqx-info {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #5bc0de !important;
    *background-color: #5bc0de !important;
    border-left-color: #46b8da !important;
    border-right-color: #46b8da !important;
    border-top-color: #46b8da !important;
    border-bottom-color: #46b8da !important;
}
.jqx-info:hover,
    .jqx-info:focus,
    .jqx-info:active,
    .jqx-info.active,
    .jqx-info.disabled,
    .jqx-info[disabled] {
        color: #ffffff !important;
        background-color: #31b0d5 !important;
        *background-color: #31b0d5 !important;
        border-color: #269abc !important;
    }
.jqx-fill-state-pressed.jqx-info,
    .jqx-info:active,
    .jqx-info.active {
        background-color: #269abc \9 !important;
    }
.jqx-notification-warning, .jqx-warning {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #f0ad4e !important;
    *background-color: #f0ad4e !important;
    border-left-color: #eea236 !important;
    border-right-color: #eea236 !important;
    border-top-color: #eea236 !important;
    border-bottom-color: #eea236 !important;
}
.jqx-warning:hover,
    .jqx-warning:focus,
    .jqx-warning:active,
    .jqx-warning.active,
    .jqx-warning.disabled,
    .jqx-warning[disabled] {
        color: #ffffff !important;
        background-color: #ec971f !important;
        *background-color: #ec971f !important;
        border-color: #d58512 !important;
    }
.jqx-fill-state-pressed.jqx-warning,
    .jqx-warning:active,
    .jqx-warning.active {
        background-color: #d58512 \9 !important;
        border-color: #985f0d !important;
    }
.jqx-notification-success, .jqx-success {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #5cb85c !important;
    *background-color: #5cb85c !important;
    border-left-color: #4cae4c !important;
    border-right-color: #4cae4c !important;
    border-top-color: #4cae4c !important;
    border-bottom-color: #4cae4c !important;
}
.jqx-success:hover,
    .jqx-success:focus,
    .jqx-success:active,
    .jqx-success.active,
    .jqx-success.disabled,
    .jqx-success[disabled] {
        color: #ffffff !important;
        background-color: #449d44 !important;
        *background-color: #449d44 !important;
        border-color: #398439 !important;
    }
.jqx-fill-state-pressed.jqx-success,
    .jqx-success:active,
    .jqx-success.active {
        background-color: #398439 !important;
        border-color: #255625 !important;
    }
.jqx-notification-error, .jqx-danger {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #d9534f !important;
    *background-color: #d9534f !important;
    border-left-color: #d43f3a !important;
    border-right-color: #d43f3a !important;
    border-top-color: #d43f3a !important;
    border-bottom-color: #d43f3a !important;
}
.jqx-danger:hover,
    .jqx-danger:focus,
    .jqx-danger:active,
    .jqx-danger.active,
    .jqx-danger.disabled,
    .jqx-danger[disabled] {
        color: #ffffff !important;
        background-color: #c9302c !important;
        *background-color: #c9302c !important;
        border-color: #ac2925 !important;
    }
.jqx-fill-state-pressed.jqx-danger, .jqx-danger:active,
    .jqx-danger.active {
        background-color: #ac2925 !important;
        border-color: #761c19 !important;
    }
.jqx-notification-mail, .jqx-primary {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #337ab7 !important;
    *background-color: #337ab7 !important;
    border-left-color: #2e6da4 !important;
    border-right-color: #2e6da4 !important;
    border-top-color: #2e6da4 !important;
    border-bottom-color: #2e6da4 !important;
}
.jqx-primary:hover,
    .jqx-primary:focus,
    .jqx-primary:active,
    .jqx-primary.active,
    .jqx-primary.disabled,
    .jqx-primary[disabled] {
        color: #ffffff !important;
        background-color: #286090 !important;
        *background-color: #286090 !important;
    }
.jqx-fill-state-pressed.jqx-primary,
    .jqx-primary:active,
    .jqx-primary.active {
        background-color: #204d74 !important;
    }
.jqx-notification-time, .jqx-inverse {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #363636 !important;
    *background-color: #222222 !important;
    border-left-color: #222222 !important;
    border-right-color: #222222 !important;
    border-top-color: #222222 !important;
    border-bottom-color: #000000 !important;
}
.jqx-inverse:hover,
    .jqx-inverse:focus,
    .jqx-inverse:active,
    .jqx-inverse.active,
    .jqx-inverse.disabled,
    .jqx-inverse[disabled] {
        color: #ffffff !important;
        background-color: #222222 !important;
        *background-color: #151515 !important;
    }
.jqx-fill-state-pressed.jqx-inverse,
    .jqx-inverse:active,
    .jqx-inverse.active {
        background-color: #080808 !important;
        background-image: linear-gradient(to bottom, #444444, #444444) !important;
    }
.jqx-link,
.jqx-link:active,
.jqx-link[disabled] {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
.jqx-link {
    color: #0088cc !important;
    cursor: pointer !important;
    border-color: transparent !important;
    border-radius: 0 !important;
}
.jqx-link:hover,
    .jqx-link:focus {
        color: #005580 !important;
        text-decoration: underline !important;
        background-color: transparent !important;
    }
.jqx-link[disabled]:hover,
    .jqx-link[disabled]:focus {
        color: #333333 !important;
        text-decoration: none !important;
    }
.jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus,
    .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover {
        background-position: 0 -15px !important;
        transition: background-position 0.1s linear !important;
    }
.jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active {
        background-image: none !important;
        outline: 0 !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    }
.jqx-notification-icon {
    background-repeat: no-repeat;
}
.jqx-notification-icon-ltr {
    background-position: left center;
}
.jqx-notification-icon-rtl {
    background-position: right center;
}
.jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time {
    width: 30px;
    height: 25px;
}
.jqx-notification-icon-info {
    background-image: url('info.a6148afe3309b593eebd.png');
}
.jqx-notification-icon-warning {
    background-image: url('warning.49ac144aad1bad516758.png');
}
.jqx-notification-icon-success {
    background-image: url('success.92dcf7d260f0257a9e36.png');
}
.jqx-notification-icon-error {
    background-image: url('error.ab83f1616f4454e535f1.png');
}
.jqx-notification-icon-mail {
    background-image: url('mail.7727b822607da1d54e0c.png');
}
.jqx-notification-icon-time {
    background-image: url('time.a4519e4b5b65bda0a2cc.png');
}
.jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error {
    background-image: url('close_white.0d23575a0befaadb5c9f.png');
}
.jqx-notification-close-button-warning {
    background-image: url('close_black.00258783c7d1f1a3944a.png');
}
.jqx-notification-close-button-container, .jqx-notification-close-button {
    width: 16px;
    height: 16px;
}
.jqx-notification-close-button-container {
    vertical-align: top;
}
.jqx-notification-close-button {
    position: relative;
    top: -11px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.jqx-notification-close-button-ltr {
    right: -11px;
    background-position: right top;
}
.jqx-notification-close-button-rtl {
    left: -11px;
    background-position: left top;
}
.jqx-navbar {
    width: 100%;
    border-style: solid;
    border-width: 1px;
}
.jqx-navbar ul:before,
    .jqx-navbar ul:after {
        content: "";
        display: table;
    }
.jqx-navbar ul:after {
        clear: both;
    }
.jqx-navbar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        border: 0;
        max-width: 100%;
        overflow: visible;
    }
.jqx-navbar-block {
    margin: 0;
    overflow: hidden;
    padding: 0px 12px;
    border-width: 0px;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
    box-shadow: none !important;
    border-radius: 0px !important;
}
.jqx-navbar-block-rtl {
    float: right;
}
.jqx-ribbon {
    position: relative;
    overflow: hidden;
}
.jqx-ribbon-auto {
    display: inline-block;
}
.jqx-ribbon-popup {
    overflow: visible;
}
.jqx-ribbon-header {
    position: absolute;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    display: block;
    box-shadow: none !important;
}
.jqx-ribbon-header-auto {
    position: relative;
}
.jqx-ribbon-header-horizontal {
    width: 100%;
    min-height: 30px;
    padding: 0px;
    white-space: nowrap;
}
.jqx-ribbon-header-bottom {
    bottom: 0;
}
.jqx-ribbon-header-vertical {
    min-width: 75px;
    height: 100%;
    float: left;
    padding: 0px;
}
.jqx-ribbon-header-right {
    right: 0;
}
.jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup {
    position: relative;
}
.jqx-ribbon-header-horizontal-popup {
    height: 100%;
}
.jqx-ribbon-header-vertical-popup {
    width: 100%;
}
.jqx-ribbon-item {
    position: relative;
    list-style-type: none;
    padding: 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-overflow: ellipsis;
    cursor: default;
    min-width: 10px;
    vertical-align: top;
}
.jqx-ribbon-item-top, .jqx-ribbon-item-bottom {
    height: 100%;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
}
.jqx-ribbon-item-top {
    margin-top: 1px;
}
.jqx-ribbon-item-bottom {
    margin-top: -1px;
}
.jqx-ribbon-item-left, .jqx-ribbon-item-right {
    width: 100%;
    margin-top: 2px;
}
.jqx-ribbon-item-left {
    margin-left: 1px;
}
.jqx-ribbon-item-right {
    margin-left: -1px;
}
.jqx-ribbon-item-hover {
    border-color: inherit;
}
.jqx-ribbon-item-top.jqx-ribbon-item-hover {
    border-bottom-color: inherit !important;
}
.jqx-ribbon-item-bottom.jqx-ribbon-item-hover {
    border-top-color: inherit !important;
}
.jqx-ribbon-item-left.jqx-ribbon-item-hover {
    border-right-color: inherit !important;
}
.jqx-ribbon-item-right.jqx-ribbon-item-hover {
    border-left-color: inherit !important;
}
.jqx-ribbon-item-selected {
    border-color: inherit;
}
.jqx-ribbon-item-top.jqx-ribbon-item-selected {
    border-bottom-color: transparent;
}
.jqx-ribbon-item-bottom.jqx-ribbon-item-selected {
    border-top-color: transparent;
}
.jqx-ribbon-item-left.jqx-ribbon-item-selected {
    border-right-color: transparent;
}
.jqx-ribbon-item-right.jqx-ribbon-item-selected {
    border-left-color: transparent;
}
.jqx-ribbon-content {
    background-image: none !important;
    background-color: transparent !important;
    box-sizing: border-box;
}
.jqx-ribbon-content-horizontal {
    clear: both;
    height: 100%;
}
.jqx-ribbon-content-vertical {
    height: 100%;
    width: 100%;
    float: left;
    border-width: 1px;
}
.jqx-ribbon-content-popup {
    z-index: 99999;
    position: absolute;
    border-left: none;
}
.jqx-ribbon-content-popup.jqx-ribbon-content-horizontal {
        width: 100%;
        height: auto;
    }
.jqx-ribbon-content-popup.jqx-ribbon-content-vertical {
        width: auto;
        height: 100%;
    }
.jqx-ribbon-content-popup-top {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-popup-bottom {
    box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-popup-left {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-popup-right {
    box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15);
}
.jqx-ribbon-content-auto-width {
    width: auto;
}
.jqx-ribbon-content-section {
    width: 100%;
    height: 100%;
    display: none;
    border-width: 1px;
    border-style: solid;
    box-sizing: inherit;
    overflow: auto;
}
.jqx-ribbon-content-section-top {
    border-top: none;
}
.jqx-ribbon-content-section-bottom {
    bottom: 0;
    border-bottom: none;
}
.jqx-ribbon-content-section-left {
    border-left: none;
}
.jqx-ribbon-content-section-right {
    border-right: none;
    right: 0;
}
.jqx-ribbon-content-section-popup {
    position: relative;
}
.jqx-ribbon-content-section-horizontal-popup {
    height: auto;
}
.jqx-ribbon-content-section-vertical-popup {
    width: auto;
}
.jqx-ribbon-header-rtl {
    text-align: right;
}
.jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl {
    direction: rtl;
}
.jqx-ribbon-item-rtl {
    direction: rtl;
}
.jqx-ribbon-scrollbutton {
    position: absolute;
    display: none;
    box-sizing: border-box;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 0;
}
.jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom {
    width: 17px;
}
.jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right {
    height: 17px;
}
.jqx-ribbon-scrollbutton-top {
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.jqx-ribbon-scrollbutton-bottom {
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}
.jqx-ribbon-scrollbutton-left {
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}
.jqx-ribbon-scrollbutton-right {
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
    right: 18px;
    border-left-width: 1px;
    border-left-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
    left: 18px;
    border-right-width: 1px;
    border-right-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
    bottom: 18px;
    border-top-width: 1px;
    border-top-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
    top: 18px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.jqx-ribbon-scrollbutton-inner {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-ribbon-selection-token {
    position: absolute;
    z-index: 0;
}
.jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom {
    height: 1px;
}
.jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right {
    width: 1px;
}
.jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content {
    *display: inline;
}
.jqx-ribbon-content-left {
    *float: none;
}
.jqx-ribbon-content-right {
    *float: left;
}
.jqx-ribbon-content.jqx-ribbon-content-popup {
    *left: 0;
}
.jqx-ribbon-content-popup .jqx-ribbon-content-section {
    *overflow: visible;
}
.jqx-ribbon-content-section-popup {
    *position: absolute;
}
.jqx-toolbar, .jqx-toolbar-minimized-popup-separator {
    box-sizing: border-box;
}
.jqx-toolbar, .jqx-toolbar-minimized-popup {
    padding: 5px;
}
.jqx-toolbar {
    position: relative;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
}
.jqx-toolbar-tool {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}
.jqx-toolbar-tool-rtl {
    float: right;
}
.jqx-toolbar-tool-no-separator-ltr {
    margin-right: 2px !important;
}
.jqx-toolbar-tool-no-separator-rtl {
    margin-left: 2px !important;
}
.jqx-toolbar-tool-separator-ltr {
    margin-right: 6px !important;
}
.jqx-toolbar-tool-separator-rtl {
    margin-left: 6px !important;
}
.jqx-toolbar-tool-inner-button {
    margin-right: 0;
    margin-left: 0;
    border-radius: 0 !important;
}
.jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup {
    position: absolute;
}
.jqx-toolbar-minimized-button {
    height: 100%;
    right: 0;
    cursor: pointer;
    margin-top: -5px;
    margin-right: 5px;
    display: none;
}
.jqx-toolbar-minimized-button-rtl {
    left: 0;
    margin-left: 5px;
    margin-right: 0;
}
.jqx-toolbar-minimized-popup {
    border-width: 1px;
    border-top-width: 0;
    border-style: solid;
    visibility: hidden;
    z-index: 99999;
}
.jqx-toolbar-tool-minimized {
    margin: 1px 0 !important;
}
.jqx-toolbar-minimized-popup-separator {
    width: 100%;
    height: 2px;
    margin: 5px 0;
    display: none;
}
.jqx-complex-input-spin-buttons-container {
    border-width: 1px;
    border-style: solid;
    position: relative;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    white-space: nowrap;
    vertical-align: middle;
}
.jqx-formatted-input, .jqx-complex-input {
    padding-right: 2px !important;
    text-align: right;
}
.jqx-formatted-input-lower-case, .jqx-complex-input {
    text-transform: lowercase;
}
.jqx-formatted-input-upper-case {
    text-transform: uppercase;
}
.jqx-formatted-input-item {
    word-wrap: break-word;
}
.jqx-formatted-input-item-rtl, .jqx-complex-input-rtl {
    direction: rtl !important;
}
.jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon {
    height: 100%;
}
.jqx-formatted-input-spin-buttons-container {
    width: 18px;
    padding: 0 0 0 1px !important;
    overflow: hidden;
}
.jqx-formatted-input-spin-buttons-container-rtl {
    border-right-width: 0px;
    padding: 0 0 0 2px !important;
}
.jqx-formatted-input-spin-buttons-container-rtl-border {
    border-left-width: 1px !important;
}
.jqx-formatted-input-spin-button {
    position: relative;
    width: 17px;
    height: 50%;
    margin-left: -1px;
    border-width: 0px;
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
}
.jqx-formatted-input-addon {
    width: 19px;
    padding: 0 !important;
    cursor: pointer;
}
.jqx-formatted-input-addon-rtl {
    border-right-width: 1px !important;
}
.jqx-complex-input-parent {
    overflow: hidden;
}
.jqx-complex-input-child {
    height: 100%;
    float: left;
    box-sizing: border-box;
}
.jqx-complex-input-child-rtl {
    float: right;
}
.jqx-complex-input-spin-buttons-container-ltr {
    border-left-width: 0;
}
.jqx-complex-input-spin-buttons-container-rtl {
    border-left-width: 1px !important;
    border-right-width: 0;
}
.jqx-file-upload {
    position: relative;
    overflow: auto;
}
.jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
}
.jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element {
    display: none;
}
.jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon {
    width: 100%;
}
.jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element {
    height: 100%;
}
.jqx-file-input-iframe, .jqx-file-upload-form-ie9 {
    position: absolute;
}
.jqx-file-input-iframe {
    width: 0;
    height: 0;
    border: none;
}
.jqx-file-upload-form, .jqx-file-upload-file-input {
    visibility: hidden;
    display: none;
}
.jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 {
    display: block;
    visibility: visible;
}
.jqx-file-upload-form-ie9 {
    z-index: 10000;
    opacity: 0;
    filter: alpha(opacity=0);
}
.jqx-file-upload-file-name {
    width: auto;
    padding: 0 2px 0 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    *float: left;
}
.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
    float: right;
}
.jqx-file-upload, .jqx-file-upload-file-row {
    padding: 5px;
}
.jqx-file-upload-button-browse {
    display: block;
}
.jqx-file-upload-buttons-container {
    height: auto;
    margin-top: 10px;
}
.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl {
    direction: rtl !important;
}
.jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl {
    margin-left: 5px;
}
.jqx-file-upload-button-upload-rtl-ie {
    margin-right: 5px;
}
.jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie {
    margin-left: 0;
}
.jqx-file-upload-file-row {
    height: 30px;
    margin-bottom: 3px;
    clear: both;
}
.jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
    width: 17px;
    margin: 0 1px 0 1px;
}
.jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl {
    float: none;
    *float: left;
}
.jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
    cursor: pointer;
    white-space: nowrap;
}
.jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
    display: inline-block;
}
.jqx-file-upload-icon-upload, .jqx-file-upload-loading-element {
    margin-top: 1px;
}
.jqx-file-upload-loading-element {
    background-image: url('loader-small.38b1af1a13b87724b304.gif');
    background-repeat: no-repeat;
}
.jqx-date-time-input-popup .jqx-icon {
    margin-top: 0px;
}
.jqx-text-area-element {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    left: 0px;
    top: 0px;
    margin: 0px;
    position: absolute;
    resize: none;
}
.jqx-text-area-element-rtl {
    direction: rtl !important;
}
.jqx-responsive-panel {
    overflow: auto;
}
.jqx-responsive-panel {
    border-width: 0px;
}
.jqx-responsive-panel-button {
    border-width: 1px;
    border-style: solid;
}
.jqx-responsive-panel-button {
    display: none;
    cursor: pointer;
}
.jqx-responsive-panel-button-inner {
    margin: 0;
    width: 100%;
    height: 100%;
    background-position: center;
}
.jqx-loader {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    z-index: 999;
    border-style: solid;
    border-width: 1px;
}
.jqx-loader-ie-transparency {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)"; /*For IE 8*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff); /*For IE 7*/
}
.jqx-loader-modal {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99;
    cursor: default;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.6;
}
.jqx-loader-icon {
    background-image: url('loader.bfac9cccaaf066e712e6.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
}
.jqx-loader-text {
    z-index: 999;
    position: relative;
}
.jqx-loader-text-left {
    margin-left: 5px;
    position: absolute;
    top: 50%;
}
.jqx-loader-text-right {
    margin-right: 5px;
    position: absolute;
    top: 50%;
    right: 0px;
}
.jqx-loader-text-top {
    text-align: center;
    margin-top: 5px;
}
.jqx-loader-text-bottom {
    bottom: 0px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 5px;
}
.jqx-loader-rtl {
    direction: rtl;
}
/* jqxLayout and jqxDockingLayout */
.jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content {
    position: relative;
}
.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay {
    position: absolute;
}
.jqx-layout {
    background-color: #c5c5c5;
}
.jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay {
    width: 100%;
    height: 100%;
}
.jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal {
    float: left;
}
.jqx-layout-group-tabbed {
    position: static;
    box-sizing: border-box;
    min-height: 0 !important;
}
.jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content {
        padding: 0;
    }
.jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section {
        border: none;
    }
.jqx-layout-window {
    position: static;
}
.jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal {
    overflow: auto;
}
.jqx-layout-group-auto-hide-content-vertical {
    width: 150px;
}
.jqx-layout-group-auto-hide-content-horizontal {
    width: 100%;
    height: 150px;
}
.jqx-layout-pseudo-window {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    box-shadow: none !important;
}
.jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content {
    width: 100%;
    box-sizing: border-box;
}
.jqx-layout-pseudo-window-header {
    height: 30px;
}
.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background {
    width: 16px;
    height: 16px;
    top: 5px;
}
.jqx-layout-pseudo-window-pin-background-ltr {
    right: 15px;
}
.jqx-layout-pseudo-window-close-background-ltr {
    right: 0;
}
.jqx-layout-pseudo-window-pin-background-rtl {
    left: 15px;
}
.jqx-layout-pseudo-window-close-background-rtl {
    left: 0;
}
.jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon {
    cursor: pointer;
}
.jqx-layout-pseudo-window-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jqx-layout-pseudo-window-pin-icon {
    background-image: url('pin.8d614296529e649e4785.png');
}
.jqx-layout-pseudo-window-pinned-icon {
    background-image: url('pinned.c2fcb25cd1fb1572e7ab.png');
}
.jqx-layout-pseudo-window-title-rtl {
    float: right;
}
.jqx-layout-resize-feedback {
    z-index: 9999;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    display: none;
}
.jqx-layout-resize-feedback-horizontal {
    width: 100%;
    height: 4px;
    cursor: row-resize;
}
.jqx-layout-resize-feedback-vertical {
    width: 4px;
    height: 100%;
    cursor: col-resize;
}
.jqx-layout-resize-feedback-warning {
    border-color: #800000 !important;
    background-color: Red !important;
}
.jqx-layout-overlay {
    top: 0;
    left: 0;
    display: none;
    background-color: transparent;
    z-index: 8999;
    pointer-events: none;
}
.jqx-layout-ribbon-header-ltr {
    padding-left: 20px;
}
.jqx-layout-ribbon-header-rtl {
    padding-right: 20px;
}
/* jqxDockingLayout-specific */
.jqx-docking-layout-group-floating {
    border-color: #FFD280 !important;
}
.jqx-docking-layout-group-floating .jqx-window-header {
        border-color: #FFD280;
        background-color: #FFD280 !important;
        background: linear-gradient(#FFE4B5, #FFD280 ) !important;
    }
.jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge {
    z-index: 99999;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.jqx-docking-layout-overlay-square-edge {
    display: none;
}
.jqx-docking-layout-overlay {
    width: 100px;
    height: 100px;
    left: 100px;
    top: 70px;
}
.jqx-docking-layout-overlay-section {
    height: 33px;
    width: 100px;
}
.jqx-docking-layout-overlay-square {
    width: 26px;
    height: 26px;
    padding: 3px;
}
.jqx-docking-layout-overlay-square-invisible {
    background-color: transparent !important;
    background-image: none !important;
}
.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom {
    border-top-width: 1px;
    border-top-style: solid;
}
.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right {
    border-left-width: 1px;
    border-left-style: solid;
}
.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left {
    border-right-width: 1px;
    border-right-style: solid;
}
.jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.jqx-docking-layout-overlay-square-center {
    border-color: transparent !important;
}
.jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical {
    width: 24px;
}
.jqx-docking-layout-overlay-inner-square {
    border-width: 1px;
    border-style: solid;
    height: 24px;
}
.jqx-docking-layout-overlay-inner-square-header {
    height: 5px;
}
.jqx-docking-layout-overlay-inner-square-content {
    height: 18px;
}
.jqx-docking-layout-overlay-highlight {
}
.jqx-docking-layout-overlay-highlight-top {
    height: 9px;
    border-bottom-style: dashed;
}
.jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right {
    width: 12px;
    height: 18px;
}
.jqx-docking-layout-overlay-highlight-left {
    border-right-style: dashed;
}
.jqx-docking-layout-overlay-highlight-right {
    right: 0;
    border-left-style: dashed;
}
.jqx-docking-layout-overlay-highlight-bottom {
    bottom: 0;
    height: 9px;
    border-top-style: dashed;
}
.jqx-docking-layout-drop-overlay {
    display: none;
    background-color: #6495ED;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: 10000;
    top: 0px;
    left: 0px;
}
.jqx-docking-layout-square-disabled {
    visibility: hidden;
}
.jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical {
    border-style: solid;
    border-width: 1px;
}
.jqx-docking-layout-overlay-inner-square-edge {
    width: 26px;
    height: 26px;
}
.jqx-docking-layout-overlay-mini-window-edge-horizontal {
    height: 24px;
}
.jqx-docking-layout-overlay-mini-window-edge-vertical {
    height: 13px;
}
.jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal {
    width: 13px;
}
.jqx-docking-layout-overlay-inner-square-content-vertical {
    height: 7px;
}
.jqx-docking-layout-overlay-square-edge-arrow {
    border-style: solid;
    border-width: 5px;
    width: 0px;
    height: 0px;
    display: block;
    background: transparent !important;
}
.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top {
    border-top-color: transparent !important;
}
.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-bottom-color: transparent !important;
}
.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-left-color: transparent !important;
}
.jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-right-color: transparent !important;
}
.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right {
    margin-top: 8px;
}
.jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    margin-left: 8px;
}
.jqx-tag-cloud ul {
    padding-left: 5px;
}
.jqx-tag-cloud-item {
    padding: 3px;
    display: inline-block;
}
.jqx-tag-cloud-item a {
        text-decoration: initial;
    }
.jqx-tag-cloud-item a:hover {
            text-decoration: underline;
        }
.jqx-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #ffffff;
    border: 1px solid #aaa;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.jqx-popover-modal-background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.jqx-popover-close-button {
    width: 16px;
    height: 16px;
    float: right;
}
.jqx-popover-close-button-rtl {
    float: left;
}
.jqx-popover.top {
    margin-top: -10px;
}
.jqx-popover.right {
    margin-left: 10px;
}
.jqx-popover.bottom {
    margin-top: 10px;
}
.jqx-popover.left {
    margin-left: -10px;
}
.jqx-popover-title {
    padding: 8px 14px;
    margin: 0;
    border-bottom: 1px solid inherit;
    border-radius: 3px 3px 0 0;
}
.jqx-popover-title:empty {
        display: none;
    }
.jqx-popover-content {
    padding: 9px 14px;
}
.jqx-popover .jqx-popover-arrow,
.jqx-popover .jqx-popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.jqx-popover .jqx-popover-arrow {
    border-width: 11px;
}
.jqx-popover .jqx-popover-arrow:after {
        border-width: 10px;
        content: "";
    }
.jqx-popover.top .jqx-popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: inherit;
    border-bottom-width: 0;
}
.jqx-popover.top .jqx-popover-arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #ffffff;
        border-bottom-width: 0;
    }
.jqx-popover.right .jqx-popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: inherit;
    border-left-width: 0;
}
.jqx-popover.right .jqx-popover-arrow:after {
        bottom: -10px;
        left: 1px;
        border-right-color: #ffffff;
        border-left-width: 0;
    }
.jqx-popover.bottom .jqx-popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: inherit;
    border-top-width: 0;
}
.jqx-popover.bottom .jqx-popover-arrow:after {
        top: 1px;
        margin-left: -10px;
        border-bottom-color: #ffffff;
        border-top-width: 0;
    }
.jqx-popover.left .jqx-popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: inherit;
}
.jqx-popover.left .jqx-popover-arrow:after {
        right: 1px;
        bottom: -10px;
        border-left-color: #ffffff;
        border-right-width: 0;
    }
.jqx-kanban-full-frame {
    width: 100vw;
    height: 100vh;
}
.jqx-kanban-in-frame {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.jqx-kanban-rtl {
    direction: rtl;
    text-align: right;
}
.jqx-kanban-column {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    float: left;
}
.jqx-kanban-column-collapsed {
    width: 50px;
}
.jqx-kanban-column-first {
    border-width: 1px;
}
.jqx-kanban-column:first-of-type {
    border-width: 1px 1px 1px 1px;
}
.jqx-kanban-column-selected {
    /*  background-color: blue;*/
}
.jqx-kanban-column-header-collapsed { /*vertical column invisible*/
    display: none;
    box-sizing: border-box;
    height: 0px;
    width: 0px;
    position: relative;
    cursor: pointer;
}
.jqx-kanban-column-header-collapsed-show { /*vertical column visible*/
    display: block !important;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    cursor: pointer;
}
.jqx-kanban-column-vertical-container {
    padding-top: 0px;
    padding-left: 0px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
}
.jqx-kanban-column-vertical-container-inverse {
    padding-top: 0px;
    padding-left: 20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    white-space: nowrap;
}
.jqx-kanban-column-vertical-container .jqx-kanban-column-header-title, .jqx-kanban-column-vertical-container .jqx-kanban-column-header-status {
    position: relative;
}
.jqx-kanban-column-hide { /*colapsed*/
    display: none !important;
}
.jqx-kanban-column-header {
    border-width: 1px;
    border-style: solid;
    margin: 1px;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.jqx-kanban-column-header-button {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}
.jqx-kanban-column-header .jqx-window-collapse-button {
    margin-top: 1px !important;
}
.jqx-kanban-column-header-custom-button {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}
.jqx-kanban-column-header-custom-button-rtl {
    left: 20px;
}
.jqx-kanban-column-header-button-rtl {
    left: 0px;
}
.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button {
    top: 100%;
    right: 50%;
    margin-top: -21px;
    left: 50%;
    margin-left: -8px;
}
.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button {
    top: 100%;
    right: 50%;
    margin-top: -41px;
    left: 50%;
    margin-left: -8px;
}
.jqx-kanban-column-container {
    margin: 1px;
    overflow-y: auto;
}
.jqx-kanban-item-placeholder {
    height: 100px;
    border: gray dotted 1px;
    border-radius: 3px;
    margin: 5px;
}
.jqx-kanban-column-vertical-container-inverse-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.jqx-kanban-column-vertical-container-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.jqx-kanban-item {
    margin: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    position: relative;
    box-shadow: #ddd 2px 2px 3px;
    cursor: pointer;
    touch-action: none;
    -ms-touch-action: none;
}
.jqx-kanban-item-selected {
}
.jqx-kanban-item-color-status {
    background-color: #6bbd49;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.jqx-kanban-item-color-status-rtl {
    right: 0px;
    left: 100%;
}
.jqx-kanban-item-text {
    padding-left: 6px;
    padding-right: 23px;
    font-size: 14px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jqx-kanban-rtl .jqx-kanban-item-text {
    padding-right: 6px;
    padding-left: 23px;
}
.jqx-kanban-column-header-title {
}
.jqx-kanban-column-header-status {
}
.jqx-kanban-item-content {
}
.jqx-kanban-item-avatar {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 3px;
    top: 3px;
    background: #eee;
    text-align: center;
    overflow: hidden;
}
.jqx-kanban-item-avatar-rtl {
    left: 3px;
}
.jqx-kanban-item-avatar-image {
    width: 20px;
    height: 20px;
}
.jqx-kanban-item-avatar-image:hover {
    }
.jqx-kanban-item-footer {
    border-top: 1px solid transparent;
    border-color: inherit;
    overflow: hidden;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px;
}
.jqx-kanban-item-keyword {
    float: left;
    margin: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-color: inherit;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}
.jqx-kanban-item-keyword-rtl {
    direction: rtl;
    text-align: right;
    float: right;
}
.jqx-kanban-item-keyword:hover {
}
.jqx-kanban-item-avatar {
    height: 20px;
}
.jqx-kanban-handle {
    cursor: move;
}
.jqx-kanban-clearing {
    clear: both;
}
.jqx-sortable {
    touch-action: none;
    -ms-touch-action: none;
}
.jqx-bar-gauge-tooltip {
    position: absolute;
    left: 20px;
    top: 20px;
    display: none;
    padding: 6px 12px;
    border: black solid 1px;
    background-color: white;
    color: #333333;
    font-size: 11px;
    font-weight: 100;
    font-family: Verdana;
    border: black solid 1px;
    border-radius: 3px;
    opacity: 1;
    white-space: nowrap;
    z-index: 5;
}
.jqx-bar-gauge-measure-text {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    z-index: -99999;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}
.jqx-scrollbar-mobile {
    background: transparent !important;
}
.jqx-scrollbar-mobile .jqx-scrollbar-state-normal {
        background: transparent !important;
        border-color: transparent !important;
    }
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
        background: #808080 !important;
        border-color: #808080 !important;
        border-width: 1px;
        z-index: 99999;
        border-radius: 0px !important;
    }
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
        width: 4px !important;
    }
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
        height: 4px !important;
    }
.jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down {
    background-image: url('icon-down-white.0322e93f0f02a15b2a89.png');
}
.jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected {
    background-image: url('icon-down-white.0322e93f0f02a15b2a89.png');
}
.jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover {
    background-image: url('icon-down-white.0322e93f0f02a15b2a89.png');
}
.jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up {
    background-image: url('icon-up-white.49f548bb11cf03146217.png');
}
.jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected {
    background-image: url('icon-up-white.49f548bb11cf03146217.png');
}
.jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover {
    background-image: url('icon-up-white.49f548bb11cf03146217.png');
}
.jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right {
    background-image: url('icon-right-white.e122435ae9767127454a.png');
}
.jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected {
    background-image: url('icon-right-white.e122435ae9767127454a.png');
}
.jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover {
    background-image: url('icon-right-white.e122435ae9767127454a.png');
}
.jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left {
    background-image: url('icon-left-white.399c4e6511856085a940.png');
}
.jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected {
    background-image: url('icon-left-white.399c4e6511856085a940.png');
}
.jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover {
    background-image: url('icon-left-white.399c4e6511856085a940.png');
}
.jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover,
.jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected,
.jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover,
.jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected,
.jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover,
.jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected,
.jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover,
.jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-success-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected,
.jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover,
.jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-info-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected,
.jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover,
.jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected,
.jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}
.jqx-element {
    overflow: hidden;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    box-sizing: border-box;
}
.jqx-element-no-border {
    border-width: 0px;
}
.jqx-element-container {
}
.jqx-resize-trigger, .jqx-resize-trigger-shrink {
    position: absolute;
    left: 0;
    top: 0;
    transition: 0s;
}
.jqx-resize-trigger-shrink {
    width: 200%;
    height: 200%;
}
.jqx-resize-trigger-container {
    display: block;
    visibility: hidden;
    position: relative;
    top: -100%;
    left: 0;
    min-height: 0.1px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
}
/* jqxPivotGrid */
.jqx-pivotgrid {
    background-color: #DEDEDE;
}
.jqx-pivotgrid-item {
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    padding: 0px;
    text-overflow: ellipsis;
}
.jqx-pivotgrid-content-wrapper {
    align: left;
    valign: top;
    overflow: hidden;
    border: solid 1px grey;
}
.jqx-pivotgrid-menu-button {
    border: none;
    background-image: url('icon-menu-small.025d54806adad8dd0d71.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.jqx-pivotgrid-expand-button {
    outline: none;
    background-image: url('icon_expand.0e67613aed63f81d29f1.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
    float: left;
    vertical-align: middle;
}
.jqx-pivotgrid-collapse-button {
    outline: none;
    background-image: url('icon_collapse.da3b66f62b82f3453a60.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
    float: left;
    vertical-align: middle;
}
.jqx-pivotgrid-sortasc-icon {
    background-image: url('icon-sort-asc.f0e3ce1ed6a20193758d.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
.jqx-pivotgrid-sortdesc-icon {
    background-image: url('icon-sort-desc.914857c1b36901d1ff7a.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
.jqx-pivotgrid-sortremove-icon {
    background-image: url('icon-sort-remove.b215fac025f4275abc0e.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
.jqx-pivotgrid-settings-icon {
    background-image: url('icon-menu-small.025d54806adad8dd0d71.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
jqx-bullet-chart {
    width: 800px;
    height: 80px;
}
jqx-scroll-view {
    width: 600px;
}
jqx-bar-gauge, jqx-draw {
    width: 850px;
    height: 600px;
}
jqx-menu {
    width: 600px;
}
jqx-data-table, jqx-pivotgrid, jqx-grid, jqx-scheduler, jqx-tree-grid, jqx-docking-layout, jqx-layout, jqx-tree-map, jqx-splitter, jqx-kanban {
    width: 850px;
}
jqx-nav-bar {
    height: 50px;
}
jqx-chart {
    width: 850px;
    height: 400px;
}
jqx-docking-layout, jqx-layout {
    width: 850px;
    height: 600px;
}
jqx-ribbon, jqx-panel {
    width: 450px;
    height: 300px;
}
jqx-scheduler {
    height: 600px;
}
jqx-list-box, jqx-text-area {
    width: 200px;
    height: 200px;
}
jqx-file-upload {
    width: 300px;
}
jqx-complex-input, jqx-formatted-input, jqx-password-input, jqx-input, jqx-number-input, jqx-slider,
jqx-masked-input, jqx-drop-down-list, jqx-combo-box, jqx-date-time-input, jqx-drop-down-button {
    width: 300px;
    height: 35px;
}
jqx-loader {
    width: 100px !important;
    height: 60px !important;
}
jqx-expander, jqx-navigation-bar {
    width: 350px;
}
jqx-navigation-bar {
    height: 450px;
}
jqx-range-selector {
    width: 600px;
}
jqx-tabs {
    width: 800px;
}
jqx-tool-bar {
    width: 800px;
    height: 35px;
}
jqx-editor {
    width: 600px;
    height: 400px;
}
jqx-tree-map {
    width: 850px;
    height: 600px;
}
jqx-tree {
    width: 250px;
}
jqx-linear-gauge {
    width: 100px;
}
jqx-color-picker, jqx-calendar {
    width: 200px;
    height: 200px;
}
jqx-scroll-bar {
    width: 400px;
    height: 20px;
}
jqx-knob {
    width: 600px;
    height: 600px;
}
.jqx-input-label {
    visibility: hidden;
    position: absolute;
}
.jqx-input-bar {
    visibility: hidden;
    position: absolute;
}
.jqx-info-icon {
    background-image: url('icon-info-small.a8a6dcfd60fb49854308.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
}
.jqx-labels-and-palette {
    display: flex;
}
.jqx-shades {
    width: 560px;
    padding-left: 100px;
}
.jqx-palette > ul,
.jqx-shades > ul,
.jqx-color-labels > ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.jqx-color-labels > ul {
    flex-direction: column;
}
.jqx-color-cell {
    width: 39px;
    height: 39px;
    margin: 0.5px;
    cursor: pointer;
}
.jqx-color-cell:hover {
    border-radius: 8px;
}
.jqx-shade-cell {
    width: 38px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 1px 5px 1px;
    text-align: center;
}
.jqx-color-label {
    width: 100px;
    height: 40px;
    display: flex;
    align-items: center;
}
.jqx-heatmap-container-wrapper {
    display: flex;
 }
.jqx-heatmap-container-wrapper canvas {
    display: block;
 }
.jqx-heatmap-title {
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
 }
.jqx-heatmap-grid {
    display: flex;
    cursor: default;
 }
.jqx-x-axis-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
 }
.jqx-y-axis-container {
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1;
 }
.jqx-column {
    display: flex;
    flex-direction: column-reverse;
 }
.jqx-x-axis {
    display: flex;
 }
.jqx-x-axis-label {
    padding-top: 10px;
    font-size: 14px;
    color: gray;
    text-align: center;
 }
.jqx-x-axis-label.jqx-top {
    padding: 0 0 10px 0;
 }
.jqx-y-axis {
    display: flex;
    flex-direction: column-reverse;
 }
.jqx-y-axis.jqx-margin-top-auto {
    margin-top: auto;
 }
.jqx-y-axis-label {
    display: flex;
    align-items: center;
    color: gray;
    padding-right: 10px;
 }
.jqx-y-axis-label.jqx-right {
    padding: 0 0 0 10px;
 }
.jqx-heatmap-cell {
    position: relative;
    padding: 20px 10px;
    margin: 1px;
    text-align: center;
 }
.jqx-heatmap-cell.jqx-empty-cell {
    pointer-events: none;
 }
.jqx-heatmap-tooltip {
    display: inline-block;
    position: absolute;
    background: #000;
    color: #fff;
    opacity: 0.6;
    padding: 10px;
    pointer-events: none;
    border-radius: 3px;
    transition: top 0.7s ease, left 0.7s ease;
    box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.75);
 }
.jqx-heatmap-tooltip::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
 }
.jqx-legend-vertical {
    position: relative;
    margin-left: 10px;
 }
.jqx-legend-vertical.jqx-left {
    margin: 0 10px 0 0;
 }
.jqx-legend-vertical.jqx-margin-top-auto {
    margin-top: auto;
 }
.jqx-legend-horizontal {
    position: relative;
    margin-left: auto;
    margin-bottom: 40px;
 }
.jqx-legend-horizontal.jqx-bottom {
    margin-top: 10px;
    margin-bottom: 30px;
 }
.jqx-legend-horizontal.jqx-margin-right-auto {
    margin-right: auto;
    margin-left: 0;
 }
.jqx-palette-vertical {
    width: 10px;
    height: 100%;
 }
.jqx-palette-horizontal {
    width: 100%;
    height: 10px;
 }
.jqx-palette-horizontal.jqx-fixed {
    display: flex;
 }
.jqx-color-container,
 .jqx-color-container-tick {
    cursor: pointer;
 }
.jqx-opacity-50 {
    opacity: 0.5;
 }
.jqx-selected-color {
    background: #d3d3d3 !important;
 }
.jqx-heatmap-hidden {
    visibility: hidden;
 }
.jqx-tick-vertical {
    position: absolute;
    left: 15px;
 }
.jqx-tick-vertical::before {
    content: '';
    width: 10px;
    background: #fff;
    height: 1px;
    position: absolute;
    top: 6px;
    left: -15px;
 }
.jqx-tick-vertical.jqx-no-line::before,
 .jqx-tick-horizontal.jqx-no-line::before {
    content: none;
 }
.jqx-tick-horizontal {
    position: absolute;
    top: 20px;
 }
.jqx-tick-horizontal::before {
    content: '';
    width: 10px;
    background: #fff;
    width: 1px;
    height: 10px;
    position: absolute;
    top: -20px;
    left: 6px;
 }
.jqx-arrow-vertical {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid gray;
    position: absolute;
    left: -8px;
    display: none;
 }
.jqx-arrow-horizontal {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid gray;
    position: absolute;
    top: 11px;
    left: -6px;
    display: none;
 }
/*jqxTimePicker Style*/
.jqx-time-picker {
    display: block;
    border: 1px solid #c5c5c5;
    border-radius: 1px;
    font-family: Verdana;
    font-size: 12px;
    line-height: initial;
    touch-action: none;
    min-width: 250px;
    box-sizing: border-box;
}
.jqx-time-picker * {
    box-sizing: border-box;
}
.jqx-time-picker[view="landscape"] {
    min-width: 400px;
}
.jqx-time-picker>.jqx-container {
    width: 100%;
    height: 100%;
}
.jqx-time-picker[view="landscape"]>.jqx-container, .jqx-time-picker .jqx-header, .jqx-time-picker .jqx-svg-container, .jqx-time-picker .jqx-hour-minute-container {
    display: flex;
}
.jqx-time-picker .jqx-header {
    width: 100%;
    height: 20%;
    justify-content: center;
    align-items: center;
}
.jqx-time-picker[view="landscape"] .jqx-header {
    flex-direction: column;
    width: 33%;
    height: 100%;
}
.jqx-time-picker .jqx-main-container {
    width: 100%;
    height: 80%;
    padding: 2%;
    background-color: var(--jqx-time-picker-background);
}
.jqx-time-picker[view="portrait"] .jqx-header.jqx-widget-header.jqx-unselectable {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.jqx-time-picker[view="landscape"] .jqx-main-container {
    width: 67%;
    height: 100%;
}
.jqx-time-picker .jqx-svg-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.jqx-time-picker[footer] .jqx-svg-container {
    height: calc(100% - 30px);
}
.jqx-time-picker .jqx-footer {
    display: none;
}
.jqx-time-picker[footer] .jqx-footer {
    display: block;
    width: 100%;
    height: 30px;
}
.jqx-time-picker .jqx-hour-minute-container {
    font-size: 50px;
}
.jqx-time-picker .jqx-am-pm-container {
    margin-left: 10px;
}
.jqx-time-picker[view="landscape"] .jqx-am-pm-container {
    margin-left: 0;
}
.jqx-time-picker .jqx-hour-container, .jqx-time-picker .jqx-minute-container, .jqx-time-picker .jqx-am-container, .jqx-time-picker .jqx-pm-container {
    opacity: 0.5;
    cursor: pointer;
}
.jqx-time-picker[readonly] .jqx-hour-container, .jqx-time-picker[disabled] .jqx-hour-container, .jqx-time-picker[readonly] .jqx-minute-container, .jqx-time-picker[disabled] .jqx-minute-container, .jqx-time-picker[readonly] .jqx-am-container, .jqx-time-picker[disabled] .jqx-am-container, .jqx-time-picker[readonly] .jqx-pm-container, .jqx-time-picker[disabled] .jqx-pm-container {
    cursor: default;
}
.jqx-time-picker .jqx-selected {
    opacity: 1;
}
.jqx-time-picker .jqx-hour-minute-container div:nth-child(2) {
    opacity: 0.5;
}
.jqx-time-picker .jqx-svg-picker {
    border-radius: 50%;
    position: relative;
    box-sizing: content-box;
}
.jqx-time-picker .jqx-svg-picker.animate {
    -webkit-animation: jqx-time-picker-animation 0.5s linear;
            animation: jqx-time-picker-animation 0.5s linear;
}
.jqx-time-picker[disabled] {
    opacity: 0.55;
    cursor: default;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.jqx-time-picker .jqx-label.jqx-selected {
    fill: white;
}
.jqx-time-picker .jqx-header:focus {
    outline: 1px solid skyblue;
}
.jqx-time-picker .jqx-svg-picker:focus {
    border: 1px solid skyblue;
    outline: none;
}
@-webkit-keyframes jqx-time-picker-animation {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.5;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes jqx-time-picker-animation {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.5;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.jqx-rc-tl-metro
{
    border-top-left-radius: 0px;
}
.jqx-rc-tr-metro
{
    border-top-right-radius: 0px;
}
.jqx-rc-bl-metro
{
    border-bottom-left-radius: 0px;
}
.jqx-rc-br-metro
{
    border-bottom-right-radius: 0px;
}
/*top rounded Corners*/
.jqx-rc-t-metro
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
/*bottom rounded Corners*/
.jqx-rc-b-metro
{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*right rounded Corners*/
.jqx-rc-r-metro
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*left rounded Corners*/
.jqx-rc-l-metro
{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/*all rounded Corners*/
.jqx-rc-all-metro
{
    border-radius: 0px;
}
.jqx-widget-metro {
    font-size: 12px;
    font-family: 'segoe ui', arial, sans-serif;
}
.jqx-widget-content-metro{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; border-color: #e5e5e5; color: #767676; background-color: #fff;}
.jqx-widget-header-metro{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; color: #767676; border-color:#e5e5e5; background-color:#f4f4f4;}
.jqx-fill-state-normal-metro{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; border-color: #e5e5e5; color: #767676; background: #ffffff;}
.jqx-button-metro {border-color: #e5e5e5;}
.jqx-fill-state-hover-metro{border-color:#dedede; color: #000; background-color:#dedede;

}
.jqx-fill-state-focus-metro { border-color: #cdcdcd; }
.jqx-fill-state-pressed-metro{border-color:#1faeff; color: #fff; background-color:#1faeff;

}
.jqx-input-metro {
    border-color: #e5e5e5;
}
.jqx-scrollbar-state-normal-metro, .jqx-grid-bottomright-metro, .jqx-panel-bottomright-metro, .jqx-listbox-bottomright-metro{background-color:#f0f0f0;}
.jqx-widget-metro .jqx-grid-column-header-metro, .jqx-grid-cell-metro, .jqx-widget-metro .jqx-grid-cell-metro, .jqx-widget-metro .jqx-grid-group-cell-metro, .jqx-grid-group-cell-metro{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; border-color:#f0f0f0;}
.jqx-tabs-title-selected-bottom-metro, .jqx-tabs-selection-tracker-bottom-metro, .jqx-tabs-title-selected-top-metro, .jqx-tabs-selection-tracker-top-metro{color: #767676; border-color:#e5e5e5; border-bottom:1px solid #fff; background:#fff}
.jqx-grid-cell-sort-alt-metro, .jqx-grid-cell-filter-alt-metro, .jqx-grid-cell-pinned-metro, .jqx-grid-cell-alt-metro, .jqx-grid-cell-sort-metro{ background-color:#ededed; color: #000;}
.jqx-menu-vertical-metro{background: #fff; border-color: #e5e5e5;}
.jqx-widget-metro .jqx-grid-cell-metro, .jqx-widget-metro .jqx-grid-column-header-metro, .jqx-widget-metro .jqx-grid-group-cell-metro {color: #000; border-color: #e5e5e5;}
.jqx-widget-metro .jqx-grid-column-menubutton-metro, .jqx-widget-metro .jqx-grid-column-sortascbutton-metro, .jqx-widget-metro .jqx-grid-column-sortdescbutton-metro, .jqx-widget-metro .jqx-grid-column-filterbutton-metro {
    background-color: transparent;
    border-color: #e5e5e5;
}
.jqx-window-header-metro, .jqx-input-button-header-metro, .jqx-calendar-title-header-metro, .jqx-grid-metro .jqx-widget-header-metro, .jqx-grid-header-metro, .jqx-grid-column-header-metro {font-size: 12px; font-family: 'segoe ui', arial, sans-serif; border-color: #e5e5e5; color: #767676; background: #f4f4f4;}
.jqx-grid-column-menubutton-metro {
    background-image: url('metro-icon-down.fa52e8eed856aa742caa.png');
 }
.jqx-widget-metro .jqx-grid-cell-selected-metro, .jqx-grid-cell-selected-metro{ background-color:#1faeff; border-color: #1faeff; font-size: 12px;  color:#fff;}
.jqx-grid-cell-hover-metro{ background-color:#dedede;}
/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton-metro {
    background-image: url('metro-icon-up.adc663972d8223778a64.png');
 }
.jqx-grid-column-sortdescbutton-metro {
    background-image: url('metro-icon-down.fa52e8eed856aa742caa.png');
}
.jqx-checkbox-hover-metro {
    background-color: #fff;
}
.jqx-radiobutton-hover-metro {
    background-color: #fff;
}
.jqx-scrollbar-thumb-state-normal-horizontal-metro, .jqx-scrollbar-thumb-state-normal-metro {
    background: #cdcdcd; border-color: #cdcdcd;
}
.jqx-scrollbar-thumb-state-hover-horizontal-metro, .jqx-scrollbar-thumb-state-hover-metro {
    background: #a6a6a6; border-color: #a6a6a6;
}
.jqx-scrollbar-thumb-state-pressed-horizontal-metro, .jqx-scrollbar-thumb-state-pressed-metro {
    background: #606060; border-color: #606060;
}
.jqx-scrollbar-button-state-normal-metro
{
    border: 1px solid #f0f0f0; 
    background: #f0f0f0;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover-metro
{
    border: 1px solid #dadada;
    background: #dadada;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed-metro
{
    border: 1px solid #606060;
    background: #606060;
}
/*icons*/
.jqx-window-collapse-button-metro
{
    background-image: url('metro-icon-up.adc663972d8223778a64.png');
}
.jqx-window-collapse-button-collapsed-metro {
  background-image: url('metro-icon-down.fa52e8eed856aa742caa.png');
}
.jqx-icon-arrow-up-metro, .jqx-expander-arrow-bottom-metro, .jqx-menu-item-arrow-up-metro
{
    background-image: url('metro-icon-up.adc663972d8223778a64.png');
}
.jqx-icon-arrow-down-metro, .jqx-expander-arrow-top-metro, .jqx-tree-item-arrow-expand-metro, .jqx-tree-item-arrow-expand-hover-metro, .jqx-menu-item-arrow-down-metro
{
    background-image: url('metro-icon-down.fa52e8eed856aa742caa.png');
}
.jqx-icon-arrow-left-metro, .jqx-menu-item-arrow-left-metro
{
    background-image: url('metro-icon-left.6afa0ffa552cffe08d9f.png');
}
.jqx-icon-arrow-right-metro, .jqx-menu-item-arrow-right-metro, .jqx-tree-item-arrow-collapse-metro, .jqx-tree-item-arrow-collapse-hover-metro
{
    background-image: url('metro-icon-right.d4e8ca01fd4e3c9e47d7.png');
}
.jqx-tabs-arrow-left-metro, .jqx-tree-item-arrow-collapse-rtl-metro, .jqx-tree-item-arrow-collapse-hover-rtl-metro
{
    background-image: url('metro-icon-left.6afa0ffa552cffe08d9f.png');
}
.jqx-tabs-arrow-right-metro
{
    background-image: url('metro-icon-right.d4e8ca01fd4e3c9e47d7.png');
}
.jqx-menu-item-arrow-up-selected-metro, .jqx-icon-arrow-up-selected-metro{background-image:url('metro-icon-up-white.bc289db6e3977f6b2d95.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-down-selected-metro, .jqx-icon-arrow-down-selected-metro{background-image:url('metro-icon-down-white.b6a34545fa0088b95e22.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-left-selected-metro, .jqx-icon-arrow-left-selected-metro{background-image:url('metro-icon-left-white.8a68c141a3dcd9f24193.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-right-selected-metro, .jqx-icon-arrow-right-selected-metro{background-image:url('metro-icon-right-white.6da47e4eeb2b45a62cb3.png');background-repeat:no-repeat;background-position:center;}
.jqx-tabs-close-button-metro{background-image:url('close.93925d33bee981482fc2.png');  background-repeat:no-repeat;  background-position:center;}
.jqx-tabs-close-button-selected-metro{background-image:url('close.93925d33bee981482fc2.png');  background-repeat:no-repeat;  background-position:center;}
.jqx-tabs-close-button-hover-metro{background-image:url('close.93925d33bee981482fc2.png');  background-repeat:no-repeat;  background-position:center;}
.jqx-scrollbar-metro .jqx-icon-arrow-up-selected-metro{background-image:url('metro-icon-up-white.bc289db6e3977f6b2d95.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-metro .jqx-icon-arrow-down-selected-metro{background-image:url('metro-icon-down-white.b6a34545fa0088b95e22.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-metro .jqx-icon-arrow-left-selected-metro{background-image:url('metro-icon-left-white.8a68c141a3dcd9f24193.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-metro .jqx-icon-arrow-right-selected-metro{background-image:url('metro-icon-right-white.6da47e4eeb2b45a62cb3.png');background-repeat:no-repeat; background-position:center;}
.jqx-slider-slider-metro
{
    border-color:#cdcdcd;
}
.jqx-slider-button-metro
{
    border-radius: 9px;
    border-color: #cdcdcd;
}
.jqx-input-button-content-metro
{  
    font-size: 10px;
}
.jqx-dropdownlist-state-normal-metro, .jqx-dropdownlist-state-hover-metro, .jqx-dropdownlist-state-selected-metro,
.jqx-scrollbar-button-state-hover-metro, .jqx-scrollbar-button-state-normal-metro, .jqx-scrollbar-button-state-pressed-metro,
.jqx-scrollbar-thumb-state-normal-horizontal-metro, .jqx-scrollbar-thumb-state-hover-horizontal-metro, .jqx-scrollbar-thumb-state-pressed-horizontal-metro,
.jqx-scrollbar-thumb-state-normal-metro, .jqx-scrollbar-thumb-state-pressed-metro, .jqx-button-metro, .jqx-tree-item-hover-metro, .jqx-tree-item-selected-metro,
.jqx-tree-item-metro, .jqx-menu-item-metro, .jqx-menu-item-hover-metro, .jqx-menu-item-selected-metro, .jqx-menu-item-top-metro, .jqx-menu-item-top-hover-metro, 
.jqx-menu-item-top-selected-metro, .jqx-slider-button-metro, .jqx-slider-slider-metro
 {
    transition: background-color 100ms linear;
}
.jqx-switchbutton-metro { 
    border-radius: 0px;
    border: 2px solid #a6a6a6;
}
.jqx-switchbutton-thumb-metro {
    width: 12px;
    background: #000;
    border: 1px solid #000;
}
.jqx-switchbutton-label-on-metro {
    background: #1faeff;
    color: #1faeff;
}
.jqx-switchbutton-label-off-metro {
    background: #a6a6a6;
    color: #a6a6a6;
}
.jqx-switchbutton-wrapper-metro {
}
.jqx-grid-cell-metro.jqx-grid-cell-selected-metro>.jqx-grid-group-expand-metro {
    background-image: url('metro-icon-down-white.b6a34545fa0088b95e22.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-metro.jqx-grid-cell-selected-metro>.jqx-grid-group-collapse-metro{
    background-image: url('metro-icon-right-white.6da47e4eeb2b45a62cb3.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-metro.jqx-grid-cell-selected-metro>.jqx-grid-group-collapse-rtl-metro {
    background-image: url('metro-icon-left-white.8a68c141a3dcd9f24193.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-metro.jqx-grid-cell-selected-metro>.jqx-grid-group-expand-rtl-metro{
    background-image: url('metro-icon-down-white.b6a34545fa0088b95e22.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-group-collapse-metro {
    background-image: url('metro-icon-right.d4e8ca01fd4e3c9e47d7.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-metro
{
    padding-right: 0px;
    background-image: url('metro-icon-left.6afa0ffa552cffe08d9f.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-metro, .jqx-grid-group-expand-rtl-metro
{
    padding-right: 0px;
    background-image: url('metro-icon-down.fa52e8eed856aa742caa.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-icon-arrow-first-metro
{
    background-image: url('metro-icon-first.fef1037beb96f625a583.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-metro
{
    background-image: url('metro-icon-last.50460acaea7f41628fc9.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-hover-metro
{
    background-image: url('metro-icon-first.fef1037beb96f625a583.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-hover-metro
{
    background-image: url('metro-icon-last.50460acaea7f41628fc9.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-selected-metro
{
    background-image: url('metro-icon-first-white.0a4af9c81bfb4b27441d.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-selected-metro
{
    background-image: url('metro-icon-last-white.f97f17a455981c619e7a.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-grid-collapse-button-metro {
    margin-top: 1px;
}
.jqx-icon-calendar-pressed-metro {
    background-image: url('icon-calendar-white.012420ccbe9585ea3e1c.png');
}
.jqx-layout-metro
{
    background-color: #e5e5e5;
}
/*applied to the timepicker*/
.jqx-time-picker .jqx-header .jqx-hour-container-metro:focus {
    outline: 1px solid rgb(31, 174, 255) !important;
}
.jqx-time-picker .jqx-header .jqx-minute-container-metro:focus {
    outline: 1px solid rgb(31, 174, 255) !important;
}
.jqx-time-picker .jqx-header .jqx-am-container-metro:focus {
    outline: 1px solid rgb(31, 174, 255) !important;
}
.jqx-time-picker .jqx-header .jqx-pm-container-metro:focus {
    outline: 1px solid rgb(31, 174, 255) !important;
}
.jqx-svg-picker-metro {
	border: 1px solid rgb(31, 174, 255);
}
.jqx-svg-picker-metro:focus {
	border: 1px solid rgb(31, 174, 255) !important;
}
.jqx-needle-central-circle-metro {
	fill: rgb(31, 174, 255);
}
.jqx-needle-metro {
	fill: rgb(31, 174, 255);
}

/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl-material {
    border-top-left-radius: 2px;
}
/*top-right rounded Corners*/
.jqx-rc-tr-material {
    border-top-right-radius: 2px;
}
/*bottom-left rounded Corners*/
.jqx-rc-bl-material {
    border-bottom-left-radius: 2px;
}
/*bottom-right rounded Corners*/
.jqx-rc-br-material {
    border-bottom-right-radius: 2px;
}
/*top rounded Corners*/
.jqx-rc-t-material {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
/*bottom rounded Corners*/
.jqx-rc-b-material {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
/*right rounded Corners*/
.jqx-rc-r-material {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
/*left rounded Corners*/
.jqx-rc-l-material {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
/*all rounded Corners*/
.jqx-rc-all-material {
    border-radius: 2px;
}
.jqx-widget-material, .jqx-widget-header-material, .jqx-fill-state-normal-material,
.jqx-widget-content-material, .jqx-fill-state-hover-material, .jqx-fill-state-pressed-material {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.jqx-widget-material {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #555;
}
.jqx-widget-content-material {
      font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #555;
    background-color: #ffffff;
    border-color: #E0E0E0;
}
.jqx-widget-header-material {
    background-color: #fff;
    border-color: #E0E0E0;
    color: #757575;
    font-weight: 500;
    *zoom: 1;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    color: #757575;
    font-size: 14px;
}
.jqx-fill-state-normal-material {
    border-color: #0077BE;
    *zoom: 1;
    background: #fafafa;
}
.jqx-widget-material input::-moz-selection, input.jqx-input-widget-material::-moz-selection, .jqx-widget-content-material input::-moz-selection {
    background: #0077BE;
    color: #fff;
}
.jqx-widget-material input::selection, input.jqx-input-widget-material::selection, .jqx-widget-content-material input::selection {
    background: #0077BE;
    color: #fff;
}
.jqx-toolbar-material{
     border-color: #e0e0e0;
}
.jqx-button-material, jqx-button-material.jqx-fill-state-normal-material {
    color: #fff;
    background: #0077BE;
    border-color: #0077BE;
    *zoom: 1;
    outline: none;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 2px;
}
.jqx-button-material button, jqx-button-material input {
    background: transparent;
    color: inherit;
    border:none;
    outline: none;
}
.jqx-slider-button-material {
    padding:3px;
    background: transparent;
    border:transparent;
}
.jqx-button-material.float {
        border-radius: 100%;
        min-height: 48px;
        min-width: 48px;
        width: 48px;
        height: 48px;
        max-height: 48px;
        max-width:48px;
    }
.jqx-button-material.outlined {
        background: transparent;
        color: #0077BE;
        border-width: 2px;
    }
.jqx-button-material.flat {
        background: transparent;
        color: #0077BE;
        border: none;
    }
.jqx-fill-state-hover-material {
}
.jqx-fill-state-pressed-material {
}
.jqx-fill-state-hover-material, .jqx-fill-state-focus-material {
    text-decoration: none;
}
.jqx-expander-header.jqx-fill-state-hover-material,
 .jqx-expander-header.jqx-fill-state-normal-material,
 .jqx-expander-header.jqx-fill-state-pressed-material
 {
      background: #fff;
      border-color: #e0e0e0;
}
.jqx-expander-header.jqx-fill-state-hover-material {
    background: #F5F5F5;
}
.jqx-expander-header-material {
    padding:10px;
}
.jqx-button-material.jqx-fill-state-hover {
    opacity: 0.9;
    cursor: pointer;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    *zoom: 1;
}
.jqx-button-material.jqx-fill-state-hover.outlined,
    .jqx-button-material.jqx-fill-state-hover.flat {
        color: #0077BE;
        box-shadow: none;
    }
.jqx-button-material.jqx-fill-state-pressed {
    cursor: pointer;
    background: #0077BE;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jqx-button-material.jqx-fill-state-pressed.float {
        box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    }
.jqx-slider-button-material.jqx-fill-state-pressed-material,
    .jqx-button-material.jqx-fill-state-pressed.outlined,
    .jqx-button-material.jqx-fill-state-pressed.flat {
        background: rgba(179,229,252,0.15);
        box-shadow: none;
        color: #0077BE;
    }
.jqx-button-material.jqx-fill-state-focus {
    background: #0069A8;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jqx-slider-button-material.jqx-fill-state-focus-material {
      background: transparent;
      border-color: transparent;
      box-shadow:none;
  }
.jqx-button-material.jqx-fill-state-focus.outlined,
    .jqx-button-material.jqx-fill-state-focus.flat {
        box-shadow: none;
        background: rgba(99,0,238,0.15);
        color: #0069A8;
    }
.jqx-dropdownlist-state-normal-material, .jqx-dropdownlist-state-hover-material, .jqx-dropdownlist-state-selected-material,
.jqx-scrollbar-button-state-hover-material, .jqx-scrollbar-button-state-normal-material, .jqx-scrollbar-button-state-pressed-material,
.jqx-scrollbar-thumb-state-normal-horizontal-material, .jqx-scrollbar-thumb-state-hover-horizontal-material, .jqx-scrollbar-thumb-state-pressed-horizontal-material,
.jqx-scrollbar-thumb-state-normal-material, .jqx-scrollbar-thumb-state-pressed-material, .jqx-tree-item-hover-material, .jqx-tree-item-selected-material,
.jqx-tree-item-material, .jqx-menu-item-material, .jqx-menu-item-hover-material, .jqx-menu-item-selected-material, .jqx-menu-item-top-material, .jqx-menu-item-top-hover-material,
.jqx-menu-item-top-selected-material, .jqx-slider-button-material, .jqx-slider-slider-material {
    transition: background-color 100ms linear;
}
.jqx-primary-material.jqx-input-label-material {
   color: #1ca8dd !important;
}
.jqx-primary-material.jqx-input-bar-material:before {
   background: #1ca8dd !important;
}
.jqx-success-material.jqx-input-label-material {
   color: #5cb85c !important;
}
.jqx-success-material.jqx-input-bar-material:before {
   background: #5cb85c !important;
}
.jqx-inverse-material.jqx-input-label-material {
   color: #666 !important;
}
.jqx-inverse-material.jqx-input-bar-material:before {
   background: #666 !important;
}
.jqx-danger-material.jqx-input-label-material {
   color: #d9534f !important;
}
.jqx-danger-material.jqx-input-bar-material:before {
   background: #d9534f !important;
}
.jqx-warning-material.jqx-input-label-material {
   color: #f0ad4e !important;
}
.jqx-warning-material.jqx-input-bar-material:before {
   background: #f0ad4e !important;
}
.jqx-info-material.jqx-input-label-material {
   color: #5bc0de !important;
}
.jqx-info-material.jqx-input-bar-material:before {
   background: #5bc0de !important;
}
.jqx-slider-tooltip-material.jqx-primary-slider, .jqx-slider-tooltip-material.jqx-primary-slider .jqx-fill-state-normal-material {
    border-color: #1ca8dd;
    background: #1ca8dd;
}
.jqx-slider-tooltip-material.jqx-success-slider, .jqx-slider-tooltip-material.jqx-success-slider .jqx-fill-state-normal-material {
    border-color: #5cb85c;
    background: #5cb85c;
}
.jqx-slider-tooltip-material.jqx-inverse-slider, .jqx-slider-tooltip-material.jqx-inverse-slider .jqx-fill-state-normal-material {
    border-color: #666;
    background: #666;
}
.jqx-slider-tooltip-material.jqx-danger-slider, .jqx-slider-tooltip-material.jqx-danger-slider .jqx-fill-state-normal-material {
    border-color: #d9534f;
    background: #d9534f;
}
.jqx-slider-tooltip-material.jqx-warning-slider, .jqx-slider-tooltip-material.jqx-warning-slider .jqx-fill-state-normal-material {
    border-color: #f0ad4e;
    background: #f0ad4e;
}
.jqx-slider-tooltip-material.jqx-info-slider, .jqx-slider-tooltip-material.jqx-info-slider .jqx-fill-state-normal-material {
    border-color: #5bc0de;
    background: #5bc0de;
}
.jqx-primary-material {
    color: #1ca8dd !important;
    background: #fff !important;
    border-color: #1ca8dd !important;
    text-shadow: none !important;
}
.jqx-primary-material.jqx-dropdownlist-state-normal-material,
    .jqx-primary-material.jqx-slider-button-material,
    .jqx-primary-material.jqx-slider-slider-material,
    .jqx-primary-material.jqx-combobox-arrow-normal-material,
    .jqx-primary-material.jqx-combobox-arrow-hover-material,
    .jqx-primary-material.jqx-action-button-material,
    .jqx-primary-material:hover,
    .jqx-primary-material:focus,
    .jqx-primary-material:active,
    .jqx-primary-material.active,
    .jqx-primary-material.disabled,
    .jqx-primary-material[disabled] {
        color: #fff !important;
        background: #1ca8dd !important;
        border-color: #1ca8dd !important;
        text-shadow: none !important;
    }
.jqx-fill-state-pressed-material.jqx-primary-material,
    .jqx-primary-material:active,
    .jqx-primary-material.active {
        color: #fff !important;
        background-color: #1ca8dd !important;
        border-color: #1ca8dd !important;
        text-shadow: none !important;
    }
.jqx-success-material {
    color: #5cb85c !important;
    background: #fff !important;
    border-color: #5cb85c !important;
    text-shadow: none !important;
}
.jqx-success-material.jqx-dropdownlist-state-normal-material,
    .jqx-success-material.jqx-slider-button-material,
    .jqx-success-material.jqx-slider-slider-material,
    .jqx-success-material.jqx-combobox-arrow-normal-material,
    .jqx-success-material.jqx-combobox-arrow-hover-material,
    .jqx-success-material.jqx-action-button-material,
    .jqx-success-material:hover,
    .jqx-success-material:focus,
    .jqx-success-material:active,
    .jqx-success-material.active,
    .jqx-success-material.disabled,
    .jqx-success-material[disabled] {
        color: #fff !important;
        background: #5cb85c !important;
        border-color: #5cb85c !important;
        text-shadow: none !important;
    }
.jqx-fill-state-pressed-material.jqx-success-material,
    .jqx-success-material:active,
    .jqx-success-material.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #5cb85c !important;
        border-color: #5cb85c !important;
    }
.jqx-inverse-material {
    text-shadow: none !important;
    color: #666 !important;
    background: #fff !important;
    border-color: #cccccc !important;
}
.jqx-inverse-material.jqx-dropdownlist-state-normal-material,
    .jqx-inverse-material.jqx-slider-button-material,
    .jqx-inverse-material.jqx-slider-slider-material,
    .jqx-inverse-material.jqx-combobox-arrow-hover-material,
    .jqx-inverse-material.jqx-combobox-arrow-normal-material,
    .jqx-inverse-material.jqx-action-button-material,
    .jqx-inverse-material:hover,
    .jqx-inverse-material:focus,
    .jqx-inverse-material:active,
    .jqx-inverse-material.active,
    .jqx-inverse-material.disabled,
    .jqx-inverse-material[disabled] {
        text-shadow: none !important;
        color: #666 !important;
        background: #cccccc !important;
        border-color: #cccccc !important;
    }
.jqx-fill-state-pressed-material.jqx-inverse-material,
    .jqx-inverse-material:active,
    .jqx-inverse-material.active {
        text-shadow: none !important;
        color: #666 !important;
        background: #cccccc !important;
        border-color: #cccccc !important;
    }
.jqx-danger-material {
    text-shadow: none !important;
    color: #d9534f !important;
    background: #fff !important;
    border-color: #d9534f !important;
}
.jqx-danger-material.jqx-dropdownlist-state-normal-material,
    .jqx-danger-material.jqx-slider-button-material,
    .jqx-danger-material.jqx-slider-slider-material,
    .jqx-danger-material.jqx-combobox-arrow-hover-material,
    .jqx-danger-material.jqx-combobox-arrow-normal-material,
    .jqx-danger-material.jqx-action-button-material,
    .jqx-danger-material:hover,
    .jqx-danger-material:focus,
    .jqx-danger-material:active,
    .jqx-danger-material.active,
    .jqx-danger-material.disabled,
    .jqx-danger-material[disabled] {
        text-shadow: none !important;
        color: #fff !important;
        background: #d9534f !important;
        border-color: #d9534f !important;
    }
.jqx-fill-state-pressed-material.jqx-danger-material,
    .jqx-danger-material:active,
    .jqx-danger-material.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #d9534f !important;
        border-color: #d9534f !important;
    }
.jqx-validator-error-label-material {
    color: #d9534f !important;
}
.jqx-warning-material {
    text-shadow: none !important;
    color: #f0ad4e !important;
    background: #fff !important;
    border-color: #f0ad4e !important;
}
.jqx-warning-material.jqx-dropdownlist-state-normal-material,
    .jqx-warning-material.jqx-slider-button-material,
    .jqx-warning-material.jqx-slider-slider-material,
    .jqx-warning-material.jqx-combobox-arrow-hover-material,
    .jqx-warning-material.jqx-combobox-arrow-normal-material,
    .jqx-warning-material.jqx-action-button-material,
    .jqx-warning-material:hover,
    .jqx-warning-material:focus,
    .jqx-warning-material:active,
    .jqx-warning-material.active,
    .jqx-warning-material.disabled,
    .jqx-warning-material[disabled] {
        text-shadow: none !important;
        color: #fff !important;
        background: #f0ad4e !important;
        border-color: #f0ad4e !important;
    }
.jqx-fill-state-pressed-material.jqx-warning-material,
    .jqx-warning-material:active,
    .jqx-warning-material.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #f0ad4e !important;
        border-color: #f0ad4e !important;
    }
.jqx-info-material {
    text-shadow: none !important;
    color: #5bc0de !important;
    background: #fff !important;
    border-color: #5bc0de !important;
}
.jqx-info-material.jqx-dropdownlist-state-normal-material,
    .jqx-info-material.jqx-slider-button-material,
    .jqx-info-material.jqx-slider-slider-material,
    .jqx-info-material.jqx-combobox-arrow-hover-material,
    .jqx-info-material.jqx-combobox-arrow-normal-material,
    .jqx-info-material.jqx-action-button-material,
    .jqx-info-material:hover,
    .jqx-info-material:focus,
    .jqx-info-material:active,
    .jqx-info-material.active,
    .jqx-info-material.disabled,
    .jqx-info-material[disabled] {
        color: #fff !important;
        background: #5bc0de !important;
        border-color: #5bc0de !important;
        text-shadow: none !important;
    }
.jqx-fill-state-pressed-material.jqx-info-material,
    .jqx-info-material:active,
    .jqx-info-material.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #5bc0de !important;
        border-color: #5bc0de !important;
    }
.jqx-fill-state-pressed-material {
    background-image: none;
    outline: 0;
}
.jqx-grid-group-column-material {
    border-color: transparent;
}
.jqx-grid-column-menubutton-material {
    border-width: 0px;
}
.jqx-grid-groups-row-material > span {
    padding-left: 4px;
}
.jqx-grid-cell-material {
    box-shadow: none;
}
.jqx-grid-pager-top-material .jqx-button-material,
.jqx-grid-pager-material .jqx-button-material {
    color: rgba(0,0,0,.54) !important;
    background-color: transparent;
    border-color: transparent;
    position: relative;
    height:30px !important;
    width:30px !important;
    border-radius:50%;
    top: -4px;
}
.jqx-grid-pager-input-material  {
    padding:0px !important;
}
.jqx-grid-pager-top-material .jqx-button-material > div,
.jqx-grid-pager-material .jqx-button-material > div {
    top: 3px;
    position: relative;
    left: 2px;
}
.jqx-grid-pager-top-material .jqx-button-material.jqx-fill-state-hover,
.jqx-grid-pager-top-material .jqx-button-material.jqx-fill-state-pressed,
.jqx-grid-pager-material .jqx-button-material.jqx-fill-state-hover,
.jqx-grid-pager-material .jqx-button-material.jqx-fill-state-pressed
{
    color: rgba(0,0,0,.54) !important;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;    
}
.jqx-grid-pager-top-material .jqx-grid-pager-number-material,
.jqx-grid-pager-material .jqx-grid-pager-number-material {

    background-color: transparent;
    border-color: transparent;
    color: rgba(0,0,0,.54) !important;
    font-size:12px;
}
.jqx-grid-pager-top-material .jqx-grid-pager-number-material:hover,
.jqx-grid-pager-material .jqx-grid-pager-number-material:hover {
    font-size:12px;
}
.jqx-grid-pager-top-material .jqx-grid-pager-number-material.jqx-fill-state-pressed-material ,
.jqx-grid-pager-material .jqx-grid-pager-number-material.jqx-fill-state-pressed-material {
    color: #0077BE !important;
    font-weight: bold !important;
}
.jqx-grid-column-menubutton-material {
    background-color: transparent;
    border-color: #E0E0E0 !important;
}
.jqx-cell-material {
    font-size: 13px;
}
.jqx-calendar-material > div {
    padding: 10px;
    box-sizing: border-box;
}
.jqx-calendar-row-header-material, .jqx-calendar-top-left-header-material {
    background-color: #f0f0f0;
    border: 0px solid #f2f2f2;
}
.jqx-calendar-column-header-material {
    background-color: #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #e9e9e9;
}
.jqx-expander-header-material {
    padding-top: 10px;
    padding-bottom: 10px;
}
.jqx-ribbon-header-vertical-material, .jqx-widget-header-vertical-material {
    background: #fff;
}
.jqx-scrollbar-state-normal-material {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-left-color: #ddd;
}
.jqx-scrollbar-thumb-state-normal-material, .jqx-scrollbar-thumb-state-normal-horizontal-material {
    background: #f5f5f5;
    border-color: #b3b3b3;
}
.jqx-scrollbar-thumb-state-hover-material, .jqx-scrollbar-thumb-state-hover-horizontal-material {
    background: #e6e6e6;
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-progressbar-material {
    background: #f7f7f7 !important;
    box-shadow: none;
}
.jqx-progressbar-value-material, .jqx-splitter-collapse-button-horizontal-material {
    background: #0077BE;
}
.jqx-splitter-collapse-button-vertical-material, .jqx-progressbar-value-vertical-material {
    background: #0077BE;
}
.jqx-scrollbar-thumb-state-pressed-material, .jqx-splitter-splitbar-vertical-material, .jqx-splitter-splitbar-horizontal-material, .jqx-scrollbar-thumb-state-pressed-horizontal-material,
.jqx-scrollbar-button-state-pressed-material {
    background: #d9d9d9;
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-grid-column-sortdescbutton-material, jqx-grid-column-filterbutton-material, .jqx-grid-column-sortascbutton-material {
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #E0E0E0;
}
.jqx-menu-vertical-material {
    background: #ffffff;
    -webkit-filter: none;
            filter: none;
}
.jqx-grid-bottomright-material, .jqx-panel-bottomright-material, .jqx-listbox-bottomright-material {
    background-color: #fafafa;
}
.jqx-window-material, .jqx-tooltip-material {
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
}
.jqx-tooltip-material, .jqx-tooltip-material.jqx-popup-material, .jqx-tooltip-material .jqx-fill-state-normal-material {
    background: #6F6F6F;
    border-color: #6F6F6F;
    box-shadow:none;
    color: #fff;
}
.jqx-docking-material .jqx-window-material {
    box-shadow: none;
}
.jqx-docking-panel-material .jqx-window-material {
    box-shadow: none;
}
.jqx-checkbox-material {
    line-height:20px;
    overflow: visible;
}
.jqx-radiobutton-material {
    overflow: visible;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-repeat: no-repeat;
    background: none;
    line-height:20px;
}
.jqx-radiobutton-material-material, .jqx-radiobutton-hover-material {
    border-radius: 100%;
    background-repeat: no-repeat;
    transition: background-color ease-in .3s;
}
.jqx-radiobutton-check-checked-material {
    -webkit-filter: none;
            filter: none;
    background: #fff;
    background-repeat: no-repeat;
    border-radius: 100%;
}
.jqx-radiobutton-check-indeterminate-material {
    -webkit-filter: none;
            filter: none;
    background: #999;
    border-radius: 100%;
}
.jqx-radiobutton-check-indeterminate-disabled-material {
    -webkit-filter: none;
            filter: none;
    background: #999;
    border-radius: 100%;
}
.jqx-checkbox-default-material,
.jqx-radiobutton-default-material
 {
    border-width: 1px;
    border-color: #E0E0E0;
    background-color: #fff;
    overflow: visible;
}
.jqx-tree-material .jqx-checkbox-material .jqx-checkbox-default-material,
.jqx-checkbox-material[checked] .jqx-checkbox-default-material,
.jqx-tree-grid-checkbox[checked].jqx-checkbox-default-material,
.jqx-radiobutton-material[checked] .jqx-radiobutton-default-material
 {
    background-color: #0077BE;
    border-color: #0077BE;
}
.jqx-checkbox-check-checked-material {
    background: transparent url('material_check_white.21003dcc1f77f3247f40.png') center center no-repeat;
}
.jqx-checkbox-check-indeterminate-material {
    width:14px !important;
    height:14px !important;
    position:relative;
    top: 1px;
    left: 1px;
    background: white;
}
.jqx-tree-material .jqx-checkbox-check-indeterminate-material {
    width:12px !important;
    height:12px !important;
    top: 2px;
    left:2px;
}
.jqx-checkbox-hover-material,
.jqx-radiobutton-hover-material {
    background-color: #0077BE;
    border-color: #0077BE;
}
.jqx-slider-slider-material {
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
}
.jqx-slider-slider-material:active {
    transform: scale(1.2);
    box-shadow: rgba(0,0,0,0.3) 0 0 10px;
}
.jqx-slider-material[discrete] .jqx-slider-slider-material:active
 {
    transform: scaleX(0);
    
}
.jqx-slider-slider-horizontal-material {
    background: #0077BE; 
}
.jqx-slider-slider-vertical-material {
    background: #0077BE; 
}
.jqx-slider-tooltip-material {
    width: 25px;
    height: 25px;
    transform-origin: 50% 100%;
    border-radius: 50%;
    transform: scale(0) rotate(45deg);
    padding:0px;
    background: transparent !important;
}
.jqx-slider-tooltip-material.init {
     transform: scale(1) rotate(45deg);
}
.jqx-slider-tooltip-material.hide {
     transition: transform 0.2s ease;
     transform-origin:50% 100%;
     transform: scale(0) rotate(45deg); 
}
.jqx-slider-tooltip-material.show {
     transition: transform 0.2s ease;
     transform: scale(1) rotate(45deg); 
}
.jqx-slider-tooltip-material .jqx-tooltip-arrow-t-b,
.jqx-slider-tooltip-material .jqx-tooltip-arrow-l-r {
    display:none;
    visibility:hidden;
}
.jqx-slider-tooltip-material, .jqx-slider-tooltip-material .jqx-fill-state-normal-material {
    border-radius: 15px 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0077BE; 
    color: #fff;
    font-size:11px;
}
.jqx-slider-tooltip-material.far, .jqx-slider-tooltip-material.far .jqx-fill-state-normal-material {
   border-radius: 0px 15px 15px 15px; 
}
.jqx-slider-tooltip-material.vertical, .jqx-slider-tooltip-material.vertical .jqx-fill-state-normal-material {
   border-radius: 15px 0px 15px 15px; 
}
.jqx-slider-tooltip-material.vertical.far, .jqx-slider-tooltip-material.vertical.far .jqx-fill-state-normal-material {
   border-radius: 15px 15px 15px 0px; 
}
.jqx-slider-tooltip-material {
    background:transparent;
    border:none !important;
    box-shadow:none;
}
.jqx-slider-tooltip-material .jqx-tooltip-main-material {
    top: -7px;
    right: 11px;
}
.jqx-slider-tooltip-material.far .jqx-tooltip-main-material {
    top: 3px;
    right: 4px;
}
.jqx-slider-tooltip-material.vertical .jqx-tooltip-main-material {
    top: -3px;
    right: 3px;
}
.jqx-slider-tooltip-material .jqx-tooltip-text {
    background: transparent;
    border:none;
    padding: 0px;
    overflow:visible;
}
.jqx-slider-tooltip-material .jqx-tooltip-text>span {
     transform: rotate(-45deg);
}
.jqx-slider-tooltip-material.range {
    width: 35px;
    height:35px;
}
.jqx-slider-rangebar-material {
    border-color: #0077BE;
    background: #0077BE;
}
.jqx-slider-track-horizontal-material, .jqx-slider-track-vertical-material {
    border-color: #E0E0E0;
    background: #f0f0f0;
}
.jqx-slider-button-material {
    border-radius: 100%;
}
.jqx-slider-button-material.jqx-fill-state-normal-material,
.jqx-slider-button-material.jqx-fill-state-hover-material,
.jqx-slider-button-material.jqx-fill-state-pressed-material 
{
    background: transparent !important;
}
.jqx-listitem-state-hover-material,
.jqx-listitem-state-selected-material,
.jqx-listitem-state-normal-material {
    padding: 5px;
    margin:0px;
}
.jqx-scheduler-edit-dialog-label-material {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;

}
.jqx-scheduler-edit-dialog-field-material {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.jqx-scheduler-edit-dialog-label-rtl-material {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.jqx-scheduler-edit-dialog-field-rtl-material {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
/*applied to a list item when the item is selected.*/
.jqx-listitem-state-hover-material, .jqx-menu-item-hover-material, .jqx-tree-item-hover-material, .jqx-calendar-cell-hover-material, .jqx-grid-cell-hover-material,
.jqx-menu-vertical-material .jqx-menu-item-top-hover-material, .jqx-input-popup-material .jqx-fill-state-hover-material,
.jqx-input-popup-material .jqx-fill-state-pressed-material {
    color: #333 !important;
    border-color: #F5F5F5;
    text-decoration: none;
    background-color: #F5F5F5;
    background-repeat: repeat-x;
    outline: 0;
    background: #F5F5F5; /* Old browsers */
    box-shadow: none;
    background-position: 0 0;
}
.jqx-scheduler-cell-hover-material {
    border-color: #F5F5F5 !important;
    background: #F5F5F5 !important;
}
.jqx-listitem-state-selected-material, .jqx-menu-item-selected-material, .jqx-tree-item-selected-material, .jqx-calendar-cell-selected-material, .jqx-grid-cell-selected-material,
.jqx-menu-vertical-material .jqx-menu-item-top-selected-material, .jqx-grid-selectionarea-material, .jqx-input-button-header-material, .jqx-input-button-innerHeader-material {
    color: #0077BE !important;
    border-color: #E1F5FE !important;
    background: #E1F5FE; /* Old browsers */
    box-shadow: none;
}
.jqx-grid-cell-material .jqx-button-material, .jqx-grid-cell-material .jqx-button-material.jqx-fill-state-hover-material, .jqx-grid-cell-material .jqx-button-material.jqx-fill-state-pressed-material {
    box-shadow: none;
    transition: none;
}
.jqx-popup-material {
    border: 1px solid #E0E0E0;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.jqx-grid-column-sortascbutton-material, .jqx-expander-arrow-bottom-material, .jqx-window-collapse-button-material, .jqx-menu-item-arrow-up-material, .jqx-menu-item-arrow-up-selected-material, .jqx-menu-item-arrow-top-up-material, .jqx-icon-arrow-up-material, .jqx-icon-arrow-up-hover-material, .jqx-icon-arrow-up-selected-material {
    background-image: url('material-icon-up.e8e94f12fe54a3d6f9fe.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-widget-material .jqx-grid-group-expand-material, .jqx-grid-group-expand-material, .jqx-grid-column-menubutton-material, .jqx-grid-column-sortdescbutton-material, .jqx-expander-arrow-top-material, .jqx-window-collapse-button-collapsed-material, .jqx-menu-item-arrow-down-material, .jqx-menu-item-arrow-down-selected-material, .jqx-menu-item-arrow-down-material, .jqx-icon-arrow-down-material, .jqx-icon-arrow-down-hover-material, .jqx-icon-arrow-down-selected-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-arrow-left-material, .jqx-menu-item-arrow-left-selected-material, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-material, .jqx-icon-arrow-down-left-material, .jqx-icon-arrow-left-selected-material {
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-widget-material .jqx-grid-group-collapse-material, .jqx-grid-group-collapse-material, .jqx-tabs-arrow-right-material, .jqx-menu-item-arrow-right-selected-material, .jqx-menu-item-arrow-top-right-material, .jqx-icon-arrow-right-material, .jqx-icon-arrow-right-hover-material, .jqx-icon-arrow-right-selected-material {
    background-image: url('material-icon-right.7e1ff41a8b42d21e4763.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-item-arrow-collapse-rtl-material, .jqx-tree-item-arrow-collapse-hover-rtl-material {
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
}
.jqx-menu-item-arrow-left-selected-material {
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-menu-item-arrow-right-selected-material {
    background-image: url('material-icon-right.7e1ff41a8b42d21e4763.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-input-button-content-material {
    font-size: 10px;
}
.jqx-widget .jqx-grid-column-header-cell-material {
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
}
.jqx-widget .jqx-grid-row-cell-material {
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #E0E0E0;
}
.jqx-combobox-material .jqx-icon-close-material {
    background-image:url('close_white.0d23575a0befaadb5c9f.png')
}
.jqx-combobox-material, .jqx-input-material {
    border-color: #E0E0E0;
    color: #555555;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.jqx-combobox-content-material,
.jqx-datetimeinput-content-material
 {
    border-color: transparent;
}
.jqx-combobox-arrow-normal-material {
    background: #fff;
    border-color: transparent;
}
.jqx-combobox-content-focus-material, 
.jqx-combobox-state-focus-material,
.jqx-numberinput-focus-material {
    outline: none;
}
.jqx-input-group-material {
    position: relative;
    display: inline-block;
    overflow: visible;
    border: none;
    box-shadow: none;
}
.jqx-input-group-material input {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
.jqx-input-group-material textarea {
        width: 100%;
        height: 100%;
        outline: none;
        resize: none;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom-color: #e0e0e0;
    }
.jqx-numberinput-material,
.jqx-maskedinput-material
 {
    position:relative;
}
.jqx-numberinput-material input {
    height:100% !important;
}
.jqx-input-material.jqx-validator-error-element {
    border-color: transparent !important;
    border-bottom: 1px solid #df2227 !important; 
}
.jqx-input-material input,
.jqx-dropdownlist-state-normal-material,
.jqx-combobox-state-normal-material,
.jqx-datetimeinput-material,
.jqx-numberinput-material,
.jqx-maskedinput-material
 {
    background: #fff;
    border-color: #fff;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #E0E0E0;
    outline: none;
}
.jqx-datetimeinput-material .jqx-action-button-material,
.jqx-datetimeinput-material .jqx-action-button-rtl-material 
 {
    background-color: transparent;
    border-color: transparent;
}
.jqx-datetimeinput-material, .jqx-datetimeinput-material > div,
    .jqx-numberinput-material, .jqx-numberinput-material > div,
    .jqx-maskedinput-material, .jqx-maskedinput-material > div,
    .jqx-dropdownlist-state-normal-material, .jqx-dropdownlist-state-normal-material > div, .jqx-dropdownlist-state-normal-material > div > div,
    .jqx-combobox-state-normal-material, .jqx-combobox-state-normal-material > div, .jqx-combobox-state-normal-material > div > div {
        overflow: visible !important;
    }
.jqx-input-material input:focus {
        border-radius: 0;
        box-shadow: none;
    }
.jqx-input-material input, input[type="text"].jqx-input-material, input[type="password"].jqx-input-material, input[type="text"].jqx-widget-content-material, input[type="textarea"].jqx-widget-content-material, textarea.jqx-input-material {
    font-size: 14px;
    resize: none;
    background: #fff;
    border: none;
    border-radius: 0;
    box-sizing:border-box;
    box-shadow: none;
    border-bottom: 1px solid #E0E0E0;
}
.jqx-input-label {
    visibility:inherit;
}
.jqx-input-bar{
    visibility:inherit;
}
input:focus ~ .jqx-input-label-material,
textarea:focus ~ .jqx-input-label-material,
.jqx-input-widget-material[hint=true] .jqx-input-label,
.jqx-text-area-material[hint=true] .jqx-input-label,
.jqx-dropdownlist-state-selected-material .jqx-input-label,
.jqx-dropdownlist-state-normal-material[hint=true] .jqx-input-label,
.jqx-combobox-state-normal-material[hint=true] .jqx-input-label,
.jqx-combobox-material .jqx-input-label.focused,
.jqx-dropdownlist-material .jqx-input-label.focused,
.jqx-datetimeinput-material[hint=true] .jqx-input-label,
.jqx-maskedinput-material[hint=true] .jqx-input-label,
.jqx-numberinput-material[hint=true] .jqx-input-label,
.jqx-formattedinput-material[hint=true] .jqx-input-label
 {
    top: -15px;
    font-size: 12px;
    color: #0077BE;
}
.jqx-dropdownlist-material[default-placeholder="true"] .jqx-input-label {
    visibility: hidden;
}
input:focus ~ .jqx-input-bar:before,
textarea:focus ~ .jqx-input-bar:before,
.jqx-dropdownlist-state-selected-material .jqx-input-bar:before,
.jqx-dropdownlist-material .jqx-input-bar.focused:before,
.jqx-combobox-material .jqx-input-bar.focused:before,
.jqx-complex-input-group-material .jqx-input-bar.focused::before,
.jqx-combobox-state-selected-material .jqx-input-bar:before {
    width: 100%;
}
.jqx-complex-input-group-material .jqx-fill-state-normal-material {
    border-color: #fafafa;
}
input[type="password"] {
    letter-spacing: 0.3em;
}
.jqx-input-widget-material.jqx-rtl > input {
    direction: rtl
}
.jqx-input-label-material {
    color: #E0E0E0;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 2px;
    top:10px;
    top: calc(50% - 7px);
    transition: 300ms ease all;
}
.jqx-input-label.initial {
    transition: none;
}
.jqx-input-bar-material {
    position: relative;
    display: block;
    z-index:1;
}
.jqx-input-bar-material:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: #0077BE;
        transition: 300ms ease all;
        left: 0%;
    }
.jqx-formatted-input-spin-button-material, .jqx-input-group-addon-material {
    border-color: #fff;
    background: #fff;
}
.jqx-dropdownlist-state-selected-material,
.jqx-combobox-state-selected-material {
    color: #0077BE;
}
.jqx-dropdownlist-state-normal-material .jqx-icon-arrow-down-material,
.jqx-combobox-state-normal-material .jqx-icon-arrow-down-material,
.sorticon.descending .jqx-grid-column-sorticon-material,
.jqx-tree-item-arrow-expand-material,
 .jqx-expander-header-material .jqx-icon-arrow-down
 {
    transform: rotate(0deg);
    transition: transform 0.2s ease-out;
}
.jqx-expander-header-material .jqx-icon-arrow-up {
   transform: rotate(180deg);
   transition: transform 0.2s ease-out;
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
}
.jqx-tree-item-arrow-collapse-material
{
    transform: rotate(-90deg);
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease-out;
}
.jqx-dropdownlist-state-selected-material .jqx-icon-arrow-down-material,
.jqx-combobox-state-selected-material .jqx-icon-arrow-down-material,
.sorticon.ascending .jqx-grid-column-sorticon-material
 {
    transform: rotate(180deg);
    transition: transform 0.2s ease-out;
    left: -1px;
}
.jqx-combobox-state-selected-material .jqx-icon-arrow-down-material{
    left:-1px;
}
.jqx-listbox-container {
    margin-top: 1px;
}
input[type="text"].jqx-input-material:-moz-placeholder, input[type="text"].jqx-widget-content-material:-moz-placeholder, input[type="textarea"].jqx-widget-content-material:-moz-placeholder, textarea.jqx-input-material:-moz-placeholder {
    color: #999999;
}
input[type="text"].jqx-input-material:-webkit-input-placeholder, input[type="text"].jqx-widget-content-material:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-material:-webkit-input-placeholder, textarea.jqx-input-material:-webkit-input-placeholder {
    color: #999999;
}
input[type="text"].jqx-input-material:-ms-input-placeholder, input[type="text"].jqx-widget-content-material:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-material:-ms-input-placeholder, textarea.jqx-input-material:-ms-input-placeholder {
    color: #999999;
}
.jqx-combobox-content-focus-material, .jqx-combobox-state-focus-material, .jqx-fill-state-focus-material,
.jqx-numberinput-focus-material {
    outline: none;
}
.jqx-popup-material.jqx-fill-state-focus-material {
    outline: none;
    border-color: #E0E0E0 !important;
}
.jqx-datetimeinput-content, .jqx-datetimeinput-container {
    overflow: visible !important;
}
.jqx-text-area-material, .jqx-text-area-material > div {
    overflow:visible !important;
}
.jqx-text-area-element-material {
   box-sizing: border-box;
}
.jqx-pivotgrid-content-wrapper.jqx-fill-state-normal-material {
    border-color: #E0E0E0;
}
.jqx-grid-cell-material.jqx-grid-cell-selected-material > .jqx-grid-group-expand-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material.jqx-grid-cell-selected-material > .jqx-grid-group-collapse-material {
    background-image: url('material-icon-right.7e1ff41a8b42d21e4763.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material.jqx-grid-cell-selected-material > .jqx-grid-group-collapse-rtl-material {
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material.jqx-grid-cell-selected-material > .jqx-grid-group-expand-rtl-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-title-selected-top-material, .jqx-tabs-selection-tracker-top-material {
    border-color: transparent;
    -webkit-filter: none;
            filter: none;
    background: #fff;
    color: #333;
    box-shadow: none;
}
.jqx-grid-cell-filter-row-material {
    background-color: #fafafa;
}
.jqx-tabs-title-material, .jqx-ribbon-item-material {
    color: #333;
}
.jqx-tabs-title-selected-bottom-material,
.jqx-tabs-title-selected-top-material
 {
    color: #0077BE;
    font-weight:500;   
    padding-top:5px;
    padding-bottom:5px;
}
.jqx-tabs-title.jqx-fill-state-hover-material {
    border-color: transparent;
}
.jqx-ribbon-item-material {
    cursor: pointer;
}
.jqx-ribbon-item-selected-material {
    color: #0077BE;
    font-weight:500;
    border-color: transparent;
}
.jqx-ribbon-item-hover-material {
    background: transparent;
}
.jqx-ribbon-header-top-material {
    border-color: transparent;
    border-bottom-color: #E0E0E0;
}
.jqx-ribbon-header-bottom-material {
    border-color: transparent;
    border-top-color: #E0E0E0;
}
.jqx-ribbon-header-right-material {
    border-color: transparent;
    border-left-color:#E0E0E0;
}
.jqx-ribbon-header-left-material {
    border-color: transparent;
    border-right-color:#E0E0E0;
}
.jqx-tabs-title-selected-bottom-material, .jqx-tabs-selection-tracker-bottom-material {
    border-color: transparent;
    border-top: 1px solid #fff;
    -webkit-filter: none;
            filter: none;
    background: #fff;
    box-shadow: none;
}
.jqx-tabs-material, .jqx-ribbon-material {
    border-color: transparent;
}
.jqx-tabs-header-material, .jqx-ribbon-header-material {
    background: transparent;
}
.jqx-tabs-position-bottom .jqx-tabs-header-material {
    border-color: transparent;
}
.jqx-layout-material .jqx-tabs-header-material, .jqx-layout-material .jqx-ribbon-header-material {
    background: #fff;
    border-color: #E0E0E0;
}
.jqx-tabs-title-bottom {
    border-color: transparent;
}
.jqx-tabs-title-hover-top-material, .jqx-tabs-title-hover-bottom-material, .jqx-tabs-header-material {
    box-shadow: none !important;
    background: transparent;
}
.jqx-tabs-content-material {
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-top-color: transparent;
    padding:5px;
}
.jqx-tabs-bar-material {
    position: absolute;
    bottom: 0;
    background: #0077BE;
    height: 2px;
    z-index:10;
    transition: .5s cubic-bezier(.35,0,.25,1);
}
.jqx-tabs-bar-material.vertical {
    width: 2px;
}
.jqx-tabs-position-bottom .jqx-tabs-bar-material {
    top: 0;
}
.jqx-layout-material {
    background-color: #cccccc;
}
.jqx-kanban-column-header-collapsed-material { /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
    background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */
}
.jqx-calendar-cell-material {
    border-radius: 50%;
    font-size:12px;
}
.jqx-calendar-cell-year-material,
.jqx-calendar-cell-decade-material {
    border-radius: 25%;
}
.jqx-calendar-title-content-material {
    font-weight:bold;
}
.jqx-calendar-column-cell-material {
    color: rgba(0,0,0,.38);
    font-size:12px;
}
.jqx-grid-column-menubutton-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
}
.jqx-tabs-close-button-material {
    background-image: url('close.93925d33bee981482fc2.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-close-button-selected-material {
    background-image: url('close.93925d33bee981482fc2.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-close-button-hover-material {
    background-image: url('close.93925d33bee981482fc2.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material .jqx-icon-arrow-up-selected-material {
    background-image: url('material-icon-up.e8e94f12fe54a3d6f9fe.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material .jqx-icon-arrow-down-selected-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material .jqx-icon-arrow-left-selected-material {
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material .jqx-icon-arrow-right-selected-material {
    background-image: url('material-icon-right.7e1ff41a8b42d21e4763.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material.jqx-grid-cell-selected-material > .jqx-grid-group-expand-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material.jqx-grid-cell-selected-material > .jqx-grid-group-collapse-material {
    background-image: url('material-icon-right.7e1ff41a8b42d21e4763.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material.jqx-grid-cell-selected-material > .jqx-grid-group-collapse-rtl-material {
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material.jqx-grid-cell-selected-material > .jqx-grid-group-expand-rtl-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-group-collapse-material {
    background-image: url('material-icon-right.7e1ff41a8b42d21e4763.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-material {
    padding-right: 0px;
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-material, .jqx-grid-group-expand-rtl-material {
    padding-right: 0px;
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-icon-arrow-first-material {
    background-image: url('material-icon-first.dfac635a0475345b9d34.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-material {
    background-image: url('material-icon-last.dd1975c6e11e4ca56be9.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-hover-material {
    background-image: url('material-icon-first.dfac635a0475345b9d34.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-hover-material {
    background-image: url('material-icon-last.dd1975c6e11e4ca56be9.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-selected-material {
    background-image: url('material-icon-first.dfac635a0475345b9d34.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-selected-material {
    background-image: url('material-icon-last.dd1975c6e11e4ca56be9.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material .jqx-icon-arrow-first-selected-material {
    background-image: url('material-icon-first-white.4935ccca5bdc2308053a.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material .jqx-icon-arrow-last-selected-material {
    background-image: url('material-icon-last-white.2edc08b692ab7237681c.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material .jqx-icon-arrow-left-selected-material {
    background-image: url('material-icon-left-white.1bbf5d0b64204d2b31fc.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material .jqx-icon-arrow-right-selected-material {
    background-image: url('material-icon-right-white.20ba3d88a64d10f7767b.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-primary .jqx-icon-arrow-down-material, .jqx-warning .jqx-icon-arrow-down-material, .jqx-danger .jqx-icon-arrow-down-material, .jqx-success .jqx-icon-arrow-down-material, .jqx-info .jqx-icon-arrow-down-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
}
.jqx-primary .jqx-icon-arrow-down-selected-material, .jqx-warning .jqx-icon-arrow-down-selected-material, .jqx-danger .jqx-icon-arrow-down-selected-material, .jqx-success .jqx-icon-arrow-down-selected-material, .jqx-info .jqx-icon-arrow-down-selected-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
}
.jqx-primary .jqx-icon-arrow-down-hover-material, .jqx-warning .jqx-icon-arrow-down-hover-material, .jqx-danger .jqx-icon-arrow-down-hover-material, .jqx-success .jqx-icon-arrow-down-hover-material, .jqx-info .jqx-icon-arrow-down-hover-material {
    background-image: url('material-icon-down.8f58f8d2cfcb6ec90d16.png');
}
.jqx-primary .jqx-icon-arrow-up-material, .jqx-warning .jqx-icon-arrow-up-material, .jqx-danger .jqx-icon-arrow-up-material, .jqx-success .jqx-icon-arrow-up-material, .jqx-info .jqx-icon-arrow-up-material {
    background-image: url('material-icon-up.e8e94f12fe54a3d6f9fe.png');
}
.jqx-primary .jqx-icon-arrow-up-selected-material, .jqx-warning .jqx-icon-arrow-up-selected-material, .jqx-danger .jqx-icon-arrow-up-selected-material, .jqx-success .jqx-icon-arrow-up-selected-material, .jqx-info .jqx-icon-arrow-up-selected-material {
    background-image: url('material-icon-up.e8e94f12fe54a3d6f9fe.png');
}
.jqx-primary .jqx-icon-arrow-up-hover-material, .jqx-warning .jqx-icon-arrow-up-hover-material, .jqx-danger .jqx-icon-arrow-up-hover-material, .jqx-success .jqx-icon-arrow-up-hover-material, .jqx-info .jqx-icon-arrow-up-hover-material {
    background-image: url('material-icon-up.e8e94f12fe54a3d6f9fe.png');
}
.jqx-primary .jqx-icon-arrow-left-material, .jqx-warning .jqx-icon-arrow-left-material, .jqx-danger .jqx-icon-arrow-left-material, .jqx-success .jqx-icon-arrow-left-material, .jqx-info .jqx-icon-arrow-left-material {
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
}
.jqx-primary .jqx-icon-arrow-left-selected-material, .jqx-warning .jqx-icon-arrow-left-selected-material, .jqx-danger .jqx-icon-arrow-left-selected-material, .jqx-success .jqx-icon-arrow-left-selected-material, .jqx-info .jqx-icon-arrow-left-selected-material {
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
}
.jqx-primary .jqx-icon-arrow-left-hover-material, .jqx-warning .jqx-icon-arrow-left-hover-material, .jqx-danger .jqx-icon-arrow-left-hover-material, .jqx-success .jqx-icon-arrow-left-hover-material, .jqx-info .jqx-icon-arrow-left-hover-material {
    background-image: url('material-icon-left.6c77fd48fdc0ab731163.png');
}
.jqx-primary .jqx-icon-arrow-right-material, .jqx-warning .jqx-icon-arrow-right-material, .jqx-danger .jqx-icon-arrow-right-material, .jqx-success .jqx-icon-arrow-right-material, .jqx-info .jqx-icon-arrow-right-material {
    background-image: url('material-icon-right.7e1ff41a8b42d21e4763.png');
}
.jqx-primary .jqx-icon-arrow-right-selected-material, .jqx-warning .jqx-icon-arrow-right-selected-material, .jqx-danger .jqx-icon-arrow-right-selected-material, .jqx-success .jqx-icon-arrow-right-selected-material, .jqx-info .jqx-icon-arrow-right-selected-material {
    background-image: url('material-icon-right.7e1ff41a8b42d21e4763.png');
}
.jqx-primary .jqx-icon-arrow-right-hover-material, .jqx-warning .jqx-icon-arrow-right-hover-material, .jqx-danger .jqx-icon-arrow-right-hover-material, .jqx-success .jqx-icon-arrow-right-hover-material, .jqx-info .jqx-icon-arrow-right-hover-material {
    background-image: url('material-icon-right.7e1ff41a8b42d21e4763.png');
}
/* Ripple effect */
.ripple {
    position: relative;
    transform: translate3d(0, 0, 0);
    overflow:hidden;
}
.ink {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 0%;
    transform: scaleX(0);
    background: rgba(0,119,190,0.5); 
    opacity: 0.25;
}
.outlined .ink, .flat .ink {
    background: rgba(0,119,190,0.5); 
    overflow:hidden;
}
.ink.animate {
    -webkit-animation: ripple .7s ease;
            animation: ripple .7s ease;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.jqx-checkbox-material .ripple,
.jqx-radiobutton-material .ripple
 {
    overflow:visible;
}
.jqx-checkbox-material .ink,
.jqx-radiobutton-material .ink 
 {
    transform: scale(0); 
    background: #0077BE;
    border-radius: 50%;
}
.jqx-checkbox-material .ink.animate,
.jqx-radiobutton-material .ink.animate
 {
    -webkit-animation: checkRipple 0.3s ease;
            animation: checkRipple 0.3s ease;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.jqx-checkbox-material .ink.active,
.jqx-radiobutton-material .ink.active
 {
    opacity: 0.2;
    transform: scale(2);
}
.jqx-checkbox-default-material.active .ink,
.jqx-radiobutton-default-material.active .ink
 {
    opacity: 0.2;
    transform: scale(2);
}
/* Ripple effect */
.buttonRipple {
  background-position: center;
  transition: background 0.8s;
}
.buttonRipple:hover {
  background: #0077BE radial-gradient(circle, transparent 1%, #0077BE 1%) center/15000%;
}
.buttonRipple:active {
  background-color: #B3E5FC;
  background-size: 100%;
  transition: background 0s;
}
.buttonRipple:active:not(:hover) {
      color: #0077BE;
}
@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(5);
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(5);
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
@-webkit-keyframes checkRipple {
    100% {
        opacity: 0.2;
        transform: scale(2);
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
@keyframes checkRipple {
    100% {
        opacity: 0.2;
        transform: scale(2);
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.jqx-fill-state-pressed-material .jqx-icon-delete-material
{
    background-image: url('icon-delete-white.514a9dccbad6ae6f62a2.png');
}
.jqx-fill-state-pressed-material .jqx-icon-edit-material
{
    background-image: url('icon-edit-white.941f98c7fa9ecb4dff8a.png');
}
.jqx-fill-state-pressed-material .jqx-icon-save-material
{
    background-image: url('icon-save-white.ce06e542481a6a841529.png');
}
.jqx-fill-state-pressed-material .jqx-icon-cancel-material
{
    background-image: url('icon-cancel-white.5e32a3d86339c0f7a87c.png');
}
.jqx-fill-state-pressed-material .jqx-icon-search-material
{
    background-image: url('search_white.d9beab3c15de39323c89.png');
}
.jqx-fill-state-pressed-material .jqx-icon-plus-material
{
    background-image: url('plus_white.3df3c3836f2de3707843.png');
}
.jqx-fill-state-pressed-material .jqx-menu-minimized-button-material {
   background-image: url('icon-menu-minimized-white.9fb466ab40b1d5179544.png');
}
.jqx-fill-state-hover-material .jqx-editor-toolbar-icon-material,
.jqx-fill-state-pressed-material .jqx-editor-toolbar-icon-material {
    background: url('html_editor_white.5da6a17eaeb52adfb9cf.png') no-repeat;
}
.jqx-fill-state-hover-material .jqx-editor-toolbar-icon-fontsize-material,
.jqx-fill-state-pressed-material .jqx-editor-toolbar-icon-fontsize-material,
.jqx-fill-state-hover-material .jqx-editor-toolbar-icon-forecolor-material,
.jqx-fill-state-pressed-material .jqx-editor-toolbar-icon-forecolor-material
{
        background: url('html_editor.dda54b85b22593fee05e.png') no-repeat;
}
.jqx-editor-toolbar-button-material{
    border-color: #ddd;
    box-shadow: none !important;
	color: #333;
}
jqx-editor-toolbar-icon-fontsize-material,
jqx-editor-toolbar-icon-fontcolor-material {

}
/*applied to the timepicker*/
.jqx-needle-central-circle-material {
	fill: rgb(0, 119, 190);
}
.jqx-needle-material {
	fill: rgb(0, 119, 190);
}
.jqx-time-picker .jqx-header .jqx-selected-material:focus {
    outline: 2px solid rgba(0, 119, 190, 0.5);
	box-shadow: 0px 0px 4px 2px rgba(0, 119, 190, 0.125);
}
.jqx-svg-picker-material:focus {
	border: 1px solid rgb(0, 119, 190) !important;
}
.jqx-rc-tl-android
{
    border-top-left-radius: 0px;
}
.jqx-rc-tr-android
{
    border-top-right-radius: 0px;
}
.jqx-rc-bl-android
{
    border-bottom-left-radius: 0px;
}
.jqx-rc-br-android
{
    border-bottom-right-radius: 0px;
}
/*top rounded Corners*/
.jqx-rc-t-android
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
/*bottom rounded Corners*/
.jqx-rc-b-android
{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*right rounded Corners*/
.jqx-rc-r-android
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*left rounded Corners*/
.jqx-rc-l-android
{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/*all rounded Corners*/
.jqx-rc-all-android
{
    border-radius: 0px;
}
.jqx-widget-android {
    font-size: 16px; 
    font-family: Roboto,HelveticaNeue,sans-serif;
    color: inherit;
}
input[type=text].jqx-input-android, input[type=password].jqx-input-android, .jqx-input-group-addon-android{
   font-size: 16px; 
   font-family: Roboto,HelveticaNeue,sans-serif;
   border-color: #636466;
}
.jqx-widget-content-android{font-size: 16px;  font-family: Roboto,HelveticaNeue,sans-serif; border-color: #3c4648; color: #ffffff; background-color: #000;}
.jqx-widget-header-android{
    font-size: 16px; 
    font-family: Roboto,HelveticaNeue,sans-serif; 
    color: #ffffff; 
    border-color:#000;
    border-bottom-color: #32abda;
    background: #000;
}
.jqx-fill-state-normal-android, .jqx-fill-state-hover-android{font-size: 16px;  font-family: Roboto,HelveticaNeue,sans-serif; border-color: #1C1C1E; color: #ffffff; background: #3E3E42;}
.jqx-button-android, .jqx-grid-pager-number-android {
   background: #4b4c4e;
   border-color: #636466;
   color: #fbfbfd;
}
.jqx-fill-state-focus-android {
    border-color: #3C4648;
}
.jqx-listitem-state-normal-android, .jqx-listmenu-item-android {
    background: #000;
    border-top: 1px solid #191919;
}
.jqx-listmenu-header-label-android {
    font-size: 24px;
    margin-left: -5px;
}
.jqx-listmenu-item-label-android {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.jqx-listmenu-item-android a:link, .jqx-listmenu-item-android a:visited {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    font-family: Roboto,HelveticaNeue,sans-serif;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 15px;
}
.jqx-listmenu-separator-mobile {
    font-size: 16px; 
    font-family: Roboto,HelveticaNeue,sans-serif;
}
.jqx-listmenu-item-android {
    padding: 0px;
}
.jqx-listitem-state-normal-touch-android {
    padding-top: 5px;
    padding-bottom: 5px;
}
.jqx-listitem-element:first-child .jqx-listitem-state-normal-android {
    border-top: 1px solid #000;
}
.jqx-listitem-state-hover-android {
    background: #000;
    border-color: #000;
    border-bottom-color: #191919;
}
.jqx-listmenu-auto-separator-android, .jqx-listitem-state-group-android {
    background: #293943  !important;
}
.jqx-fill-state-pressed-android{border-color:#10618c; color: #fff; background-color:#10618c;

}
.jqx-fill-state-disabled-android {
    color: #898989;
}
.jqx-scrollbar-state-normal-android, .jqx-grid-bottomright-android, .jqx-panel-bottomright-android, .jqx-listbox-bottomright-android{background-color:#3E3E42;}
.jqx-widget-android .jqx-grid-column-header-android, .jqx-grid-cell-android, .jqx-widget-android .jqx-grid-cell-android, .jqx-widget-android .jqx-grid-group-cell-android, .jqx-grid-group-cell-android{font-size: 16px;  font-family: Roboto,HelveticaNeue,sans-serif; border-color: #1C1C1E; background-color: #000; color: #fff;}
.jqx-widget-android .jqx-grid-cell-alt-android, .jqx-widget-android .jqx-grid-cell-sort-android, .jqx-widget-android .jqx-grid-cell-pinned-android, .jqx-widget-android .jqx-grid-cell-filter-android, .jqx-grid-cell-sort-alt-android, .jqx-grid-cell-filter-alt-android, .jqx-grid-cell-pinned-android, .jqx-grid-cell-alt-android, .jqx-grid-cell-sort-android{border-color: #202023; background-color:#3E3E42; color: #fff;}
.jqx-menu-vertical-android{background: #3E3E42; border-color: #3E3E42;}
.jqx-widget-android .jqx-grid-cell-android, .jqx-widget-android .jqx-grid-column-header-android, .jqx-widget-android .jqx-grid-group-cell-android { border-color: #202023;}
.jqx-widget-android .jqx-grid-column-menubutton-android, .jqx-widget-android .jqx-grid-column-sortascbutton-android, .jqx-widget-android .jqx-grid-column-sortdescbutton-android, .jqx-widget-android .jqx-grid-column-filterbutton-android {
    background-color: transparent;
    border-color: #010f18;
}
.jqx-grid-cell-filter-row-android, .jqx-grid-android .jqx-widget-header-android, .jqx-grid-header-android, .jqx-grid-column-header-android {font-size: 16px;  font-family: Roboto,HelveticaNeue,sans-serif; 
    border-color:#000 !important;
    border-bottom-color: #32b3e3 !important;
    background: #000 !important;
}
.jqx-grid-cell-filter-row-android {
   border-top: 2px solid transparent;
   border-bottom: 1px solid #32b3e3 !important;
   margin-top: -1px;
}
.jqx-widget-header-android .jqx-calendar-title-header-android, .jqx-calendar-title-header-android, .jqx-input-button-header-android, .jqx-window-header-android {
   background: #262626;
   border-color: #262626;
   border-bottom-color: #262626 !important;
}
.jqx-window-content-android {
    background: #262626;
 }
.jqx-calendar-month-android {
    border-top: 1px solid #262626;
   background: #262626;
 }
.jqx-calendar-column-header-android {
   background: #262626;
   border-color: #262626;
 }
.jqx-grid-column-menubutton-android {
    background-image: url('metro-icon-down-white.b6a34545fa0088b95e22.png');
 }
.jqx-input-android {
    border-color: #3C4648;
}
.jqx-widget-android .jqx-grid-cell-selected-android, .jqx-grid-cell-selected-android{ background-color:#10638d !important; border-color: #10638d !important; font-size: 16px;  color:#fff !important}
.jqx-widget-android .jqx-grid-cell-hover-android, .jqx-grid-cell-hover-android{ background-color:#3E3E42;}
/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton-android {
    background-image: url('metro-icon-up-white.bc289db6e3977f6b2d95.png');
 }
.jqx-grid-column-sortdescbutton-android {
    background-image: url('metro-icon-down-white.b6a34545fa0088b95e22.png');
}
.jqx-checkbox-default-android {
    background: #000;
    border-color: #636466;
}
.jqx-checkbox-check-checked-android{position: relative; background:transparent url('check_lightblue.66b29f042b8446dd332a.png') center center no-repeat}
.jqx-checkbox-check-indeterminate-android{background:transparent url('check_lightblue_indeterminate.0b75cc6f7a38d972607b.png') center center no-repeat}
.jqx-checkbox-hover-android, .jqx-radiobutton-hover-android {

}
.jqx-radiobutton-check-checked-android {
    background: #33b5e5;
    border-color: #33b5e5;
}
.jqx-scrollbar-thumb-state-normal-horizontal-android, .jqx-scrollbar-thumb-state-normal-android {
    background: #686868; border-color: #686868;
    border-radius: 10px;
}
.jqx-scrollbar-thumb-state-hover-horizontal-android, .jqx-scrollbar-thumb-state-hover-android {
    background: #9E9E9E; border-color: #9E9E9E;
}
.jqx-scrollbar-thumb-state-pressed-horizontal-android, .jqx-scrollbar-thumb-state-pressed-android {
    background: #ffffff; border-color: #ffffff;
}
.jqx-scrollbar-button-state-normal-android
{
    border: 1px solid #3E3E42; 
    background: #3E3E42;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover-android
{
    border: 1px solid #3E3E42;
    background: #3E3E42;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed-android
{
    border: 1px solid #3E3E42;
    background: #3E3E42;
}
/*icons*/
.jqx-window-collapse-button-android
{
    background-image: url('metro-icon-up-white.bc289db6e3977f6b2d95.png');
}
.jqx-window-collapse-button-collapsed-android {
  background-image: url('metro-icon-down-white.b6a34545fa0088b95e22.png');
}
.jqx-icon-arrow-up-android, .jqx-expander-arrow-bottom-android, .jqx-menu-item-arrow-up-android
{
    background-image: url('metro-icon-up-white.bc289db6e3977f6b2d95.png');
}
.jqx-icon-arrow-down-android, .jqx-expander-arrow-top-android, .jqx-tree-item-arrow-expand-android, .jqx-tree-item-arrow-expand-hover-android, .jqx-menu-item-arrow-down-android
{
    background-image: url('metro-icon-down-white.b6a34545fa0088b95e22.png');
}
.jqx-icon-arrow-left-android, .jqx-menu-item-arrow-left-android
{
    background-image: url('metro-icon-left-white.8a68c141a3dcd9f24193.png');
}
.jqx-icon-arrow-right-android, .jqx-menu-item-arrow-right-android, .jqx-tree-item-arrow-collapse-android, .jqx-tree-item-arrow-collapse-hover-android
{
    background-image: url('metro-icon-right-white.6da47e4eeb2b45a62cb3.png');
}
.jqx-tabs-arrow-left-android, .jqx-tree-item-arrow-collapse-rtl-android, .jqx-tree-item-arrow-collapse-hover-rtl-android
{
    background-image: url('metro-icon-left-white.8a68c141a3dcd9f24193.png');
}
.jqx-tabs-arrow-right-android
{
    background-image: url('metro-icon-right-white.6da47e4eeb2b45a62cb3.png');
}
.jqx-menu-item-arrow-up-selected-android, .jqx-icon-arrow-up-selected-android{background-image:url('metro-icon-up-white.bc289db6e3977f6b2d95.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-down-selected-android, .jqx-icon-arrow-down-selected-android{background-image:url('metro-icon-down-white.b6a34545fa0088b95e22.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-left-selected-android, .jqx-icon-arrow-left-selected-android{background-image:url('metro-icon-left-white.8a68c141a3dcd9f24193.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-right-selected-android, .jqx-icon-arrow-right-selected-android{background-image:url('metro-icon-right-white.6da47e4eeb2b45a62cb3.png');background-repeat:no-repeat;background-position:center;}
.jqx-window-close-button-android, .jqx-icon-close-android, .jqx-tabs-close-button-android, .jqx-tabs-close-button-hover-android, .jqx-tabs-close-button-selected-android{background-image:url('close_white.0d23575a0befaadb5c9f.png');  background-repeat:no-repeat;  background-position:center}
.jqx-listbox-feedback-android {
    border-top: 1px dashed #fff;
}
.jqx-scrollbar-android .jqx-icon-arrow-up-selected-android{background-image:url('metro-icon-up-white.bc289db6e3977f6b2d95.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-android .jqx-icon-arrow-down-selected-android{background-image:url('metro-icon-down-white.b6a34545fa0088b95e22.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-android .jqx-icon-arrow-left-selected-android{background-image:url('metro-icon-left-white.8a68c141a3dcd9f24193.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-android .jqx-icon-arrow-right-selected-android{background-image:url('metro-icon-right-white.6da47e4eeb2b45a62cb3.png');background-repeat:no-repeat; background-position:center;}
.jqx-input-button-content-android
{  
    background: #262626;
    border-color: #262626; 
    font-size: 13px;
}
.jqx-input-button-header-android {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.jqx-button-android {
   padding: 10px 7px;
}
.jqx-slider-button-android
{
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 4px !important;
}
.jqx-slider-slider-android {
    width: 25px;
    height: 25px;
    margin-top: -10px;
    border-radius: 100%;
    background: rgba(51,181,229,0.6);
    background-image: radial-gradient(#33b5e5 10%,transparent 90%);
    border: none;
}
.jqx-slider-rangebar-android {
    background: rgba(51,181,229,0.5);
 }
.jqx-dropdownlist-state-normal-android, .jqx-dropdownlist-state-hover-android, .jqx-dropdownlist-state-selected-android,
.jqx-scrollbar-button-state-hover-android, .jqx-scrollbar-button-state-normal-android, .jqx-scrollbar-button-state-pressed-android,
.jqx-scrollbar-thumb-state-normal-horizontal-android, .jqx-scrollbar-thumb-state-hover-horizontal-android, .jqx-scrollbar-thumb-state-pressed-horizontal-android,
.jqx-scrollbar-thumb-state-normal-android, .jqx-scrollbar-thumb-state-pressed-android, .jqx-button-android, .jqx-tree-item-hover-android, .jqx-tree-item-selected-android,
.jqx-tree-item-android, .jqx-menu-item-android, .jqx-menu-item-hover-android, .jqx-menu-item-selected-android, .jqx-menu-item-top-android, .jqx-menu-item-top-hover-android, 
.jqx-menu-item-top-selected-android, .jqx-slider-button-android, .jqx-slider-slider-android
 {
    transition: background-color 100ms linear;
}
.jqx-switchbutton-android { 
    border-radius: 0px;
    border: 2px solid #010f18;
}
.jqx-switchbutton-thumb-android {
    width: 16px;
    background: #222222;
    border: 1px solid #222222;
}
.jqx-switchbutton-label-on-android {
    background: #32b3e3;
    color: #fff;
}
.jqx-switchbutton-label-off-android {
    background: #444;
    color: #fff;
}
.jqx-tabs-android {
    border: 1px solid #1a1a1a;
}
.jqx-tabs-title-android {
    background: transparent;
    border-color: transparent;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
}
.jqx-tabs-header-android, .jqx-tabs-arrow-background {
    background: #000;
    color: #fff;
    border-bottom-color: #636466 !important;
}
.jqx-tabs-header-bottom-android {
    background: #000;
    color: #fff;
    border-top-color: #636466 !important;
    border-top-style: solid;
    border-top-width: 1px;
}
.jqx-tabs-title-selected-top-android, .jqx-tabs-selection-tracker-top-android {
    border-bottom: 1px solid #000;
    border-bottom: 2px solid #32b3e3;
    color: #fff;
    background: #000;
    box-shadow: 0 0px 5px #000;
    -webkit-box-shadow: 0 0px 5px #000;
    padding-top: 5px;
    padding-bottom: 5px;
}
.jqx-tabs-title-selected-bottom-android, .jqx-tabs-selection-tracker-bottom-android {
    border-top: 2px solid #32b3e3;
    color: #fff;
   background: #000;  
    box-shadow: 0 0px 5px #000;
    -webkit-box-shadow: 0 0px 5px #000;
    padding-top: 6px;
    padding-bottom: 6px;
}
.jqx-tabs-title-hover-top-android, .jqx-tabs-title-hover-bottom-android, .jqx-tabs-header-android
{
    color: #fff;
}
.jqx-switchbutton-wrapper-android {
}
.jqx-icon-arrow-first-android
{
    background-image: url('icon-first-white.038c6cbef4793ff8e273.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-android
{
    background-image: url('icon-last-white.c3308a98d954faa48179.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-progressbar-text-android {
    font-size: 16px;
}
.jqx-grid-pager-android .jqx-button-android {
    padding: 3px !important;
}
.jqx-grid-pager-number-android {
    top: 2px;
    position: relative;
    padding: 1px 7px;
}
.jqx-widget-android .jqx-grid-groups-header-android,
.jqx-grid-groups-header-android {
    border-bottom-color: #000 !important;
 }
.jqx-grid-group-collapse-android {
    background-image: url('metro-icon-right-white.6da47e4eeb2b45a62cb3.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-android
{
    padding-right: 0px;
    background-image: url('metro-icon-left-white.8a68c141a3dcd9f24193.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-android, .jqx-grid-group-expand-rtl-android
{
    padding-right: 0px;
    background-image: url('metro-icon-down-white.b6a34545fa0088b95e22.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-tree-grid-expand-button-android {
    margin-top: 0px;
}
.jqx-tree-grid-checkbox-android {
    margin-top: 2px;
}
.jqx-grid-table-android {
    border-color: #000;
}
.jqx-icon-search-android
{
    background-image: url('search_white.d9beab3c15de39323c89.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-passwordinput-password-icon-android, .jqx-passwordinput-password-icon-rtl-android
{
    background-image: url('icon-showpassword-white.297aac37402d3d056f2d.png') !important;
    background-repeat: no-repeat !important;
}
.jqx-icon-calendar-android, .jqx-icon-calendar-hover-android, .jqx-icon-calendar-pressed-android {
    background-image: url('icon-calendar-white.012420ccbe9585ea3e1c.png');
}
.jqx-icon-time-android, .jqx-icon-time-hover-android, .jqx-icon-time-pressed-android {
    background-image: url('icon-time-white.92fffb4b1d20920b2d4b.png');
}
.jqx-calendar-cell-today-android {
    color: black;
}
.jqx-editor-toolbar-icon-android {
    background: url('html_editor_white.5da6a17eaeb52adfb9cf.png') no-repeat;
}
.jqx-menu-minimized-button-android {
   background-image: url('icon-menu-minimized-white.9fb466ab40b1d5179544.png');
}
.jqx-file-upload-file-name-android{padding:3px;}
.jqx-file-upload-file-row-android{ height: 40px;}
.jqx-layout-android
{
    background-color: #000;
}
.jqx-layout-pseudo-window-pin-icon-android
{
    background-image: url('pin-white.80923057a842bd619a6e.png');
}
.jqx-layout-pseudo-window-pinned-icon-android
{
    background-image: url('pinned-white.607f7095282def2d298d.png');
}
.jqx-scheduler-android, .jqx-scheduler-time-column-android, .jqx-scheduler-toolbar-details-android {
    color: white !important;
}
.jqx-label-android {
	fill: lightgray;
}
.jqx-rc-tl-mobile {
    border-top-left-radius: 5px;
}

.jqx-rc-tr-mobile {
    border-top-right-radius: 5px;
}

.jqx-rc-bl-mobile {
    border-bottom-left-radius: 5px;
}

.jqx-rc-br-mobile {
    border-bottom-right-radius: 5px;
}

/*top rounded Corners*/

.jqx-rc-t-mobile {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*bottom rounded Corners*/

.jqx-rc-b-mobile {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*right rounded Corners*/

.jqx-rc-r-mobile {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*left rounded Corners*/

.jqx-rc-l-mobile {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/*all rounded Corners*/

.jqx-rc-all-mobile {
    border-radius: 5px;
}

.jqx-widget-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    color: inherit;
}

input[type=text].jqx-input-mobile, input[type=password].jqx-input-mobile, .jqx-input-group-addon-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    border-color: #b2b2b2 !important;
    background: #fff;
}

.jqx-widget-content-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    border-color: #b2b2b2;
    color: #000;
    background-color: #f8f8f8;
}

.jqx-listbox-mobile, .jqx-calendar-mobile .jqx-widget-content-mobile {
    background: #fff;
}

.jqx-calendar-mobile .jqx-widget-header-mobile {
    background: #f6f5f1;
}

.jqx-widget-header-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    color: #000;
    border-color: #b2b2b2;
    background: #f8f8f8;
}

.jqx-fill-state-normal-mobile, .jqx-fill-state-hover-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    border-color: #f1f2f3;
    color: #040404;
    background: #f9f9fa;
}

.jqx-button-mobile, .jqx-grid-pager-number-mobile {
    padding: 10px 7px;
    background: #f9f9fa;
    border-color: #f1f2f3;
    color: #040404;
    box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.8);
}

.jqx-grid-group-column-mobile {
    border-color: #b2b2b2;
    color: #040404;
}

.jqx-listitem-state-normal-mobile, .jqx-listmenu-item-mobile {
    background: #ffffff;
    border-top: 1px solid #cccccc;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

.jqx-listitem-state-normal-touch-mobile {
    padding-top: 5px;
    padding-bottom: 5px;
}

.jqx-listmenu-header-label-mobile {
    font-size: 24px;
    margin-left: -5px;
}

.jqx-listmenu-item-label-mobile {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.jqx-listmenu-separator-mobile {
    font-size: 100%; 
    font-family: HelveticaNeue,sans-serif;
}

.jqx-listmenu-item-mobile a:link, .jqx-listmenu-item-mobile a:visited {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 100%;
    color: #000;
    width: 100%;
    height: 100%;
    padding: 15px;
}

.jqx-listmenu-item-mobile {
    padding: 0px;
}

.jqx-navigationbar-mobile .jqx-widget-header-mobile, .jqx-navigationbar-mobile .jqx-fill-state-hover-mobile {
    background: #ffffff;
    border-top: 1px solid #cccccc;
}

.jqx-menu-item-top-selected-mobile {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.jqx-listitem-element:first-child .jqx-listitem-state-normal-mobile {
    border-top: 1px solid #ffffff;
}

.jqx-listitem-state-hover-mobile {
    background: #ffffff;
    border-color: #ffffff;
    border-top: 1px solid #cccccc;
}

.jqx-listitem-state-selected-mobile {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.jqx-listmenu-auto-separator-mobile, .jqx-listmenu-separator-mobile, .jqx-listitem-state-group-mobile {
    background: #f8f8f8 !important;
    color: #8D8D8D !important;
    padding-top: 15px !important;
}

.jqx-fill-state-pressed-mobile {
    border-color: #c0c3c7;
    color: #000;
    background-color: #c0c3c7;
}

.jqx-combobox-multi-item-mobile {
    background: #fff;
    border-color: #cccccc;
    color: #000;
    box-shadow: none;
    padding: 7px;
}

.jqx-fill-state-focus-mobile {
    border-color: #b2b2b2;
}

.jqx-fill-state-disabled-mobile {
    color: #898989;
}

.jqx-scrollbar-state-normal-mobile, .jqx-grid-bottomright-mobile, .jqx-panel-bottomright-mobile, .jqx-listbox-bottomright-mobile {
    background-color: #fff;
}

.jqx-widget-mobile .jqx-grid-column-header-mobile, .jqx-grid-cell-mobile, .jqx-widget-mobile .jqx-grid-cell-mobile, .jqx-widget-mobile .jqx-grid-group-cell-mobile, .jqx-grid-group-cell-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
}

.jqx-widget-mobile .jqx-grid-cell-alt-mobile, .jqx-widget-mobile .jqx-grid-cell-sort-mobile, .jqx-widget-mobile .jqx-grid-cell-pinned-mobile, .jqx-widget-mobile .jqx-grid-cell-filter-mobile, .jqx-grid-cell-sort-alt-mobile, .jqx-grid-cell-filter-alt-mobile, .jqx-grid-cell-pinned-mobile, .jqx-grid-cell-alt-mobile, .jqx-grid-cell-sort-mobile {
}

.jqx-widget-mobile .jqx-grid-cell-mobile, .jqx-widget-mobile .jqx-grid-column-header-mobile, .jqx-widget-mobile .jqx-grid-group-cell-mobile {
    
}

.jqx-widget-mobile .jqx-grid-column-menubutton-mobile, .jqx-widget-mobile .jqx-grid-column-sortascbutton-mobile, .jqx-widget-mobile .jqx-grid-column-sortdescbutton-mobile, .jqx-widget-mobile .jqx-grid-column-filterbutton-mobile {
    background-color: transparent;
}

.jqx-grid-cell-filter-row-mobile, .jqx-grid-mobile .jqx-widget-header-mobile, .jqx-grid-header-mobile, .jqx-grid-column-header-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    color: #167efc;
}

.jqx-calendar-title-content-mobile {
    font-weight: bold;
}

.jqx-calendar-column-cell-mobile {
    font-size: 12px;
}

.calendar-header-mobile {
    background: #f6f5f1;
}

.jqx-calendar-cell-mobile {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.jqx-window-header-mobile, .jqx-window-content-mobile {
    background: #d9dedf;
    border-color: #979797;
}

.jqx-grid-column-menubutton-mobile {
    background-image: url('icon-down-transparent.3b85e6d53d31c71fc96c.png');
}

.jqx-input-mobile {
    border-color: #b2b2b2;
}

.jqx-widget-mobile .jqx-grid-cell-selected-mobile, .jqx-grid-cell-selected-mobile {
    font-size: 100%;
}

.jqx-widget-mobile .jqx-grid-cell-hover-mobile, .jqx-grid-cell-hover-mobile {
}

/*applied to the column's sort button when the sort order is ascending.*/

.jqx-grid-column-sortascbutton-mobile {
    background-image: url('icon-up-transparent.bf55c8b5331c71d2aa5d.png');
}

.jqx-grid-column-sortdescbutton-mobile {
    background-image: url('icon-down-transparent.3b85e6d53d31c71fc96c.png');
}

.jqx-checkbox-default-mobile {
    background: #f9f9fa;
    border-color: #f1f2f3;
}

.jqx-widget-mobile .jqx-checkbox-default-mobile {
    border-color: #b2b2b2;
}

.jqx-checkbox-check-checked-mobile {
    position: relative;
    background: transparent url('check_blue.4c11dc3ea6ed8ef344c3.png') center center no-repeat;
}

.jqx-checkbox-check-indeterminate-mobile {
    background: transparent url('check_blue_indeterminate.1d14a7e8f4224801fada.png') center center no-repeat;
}

.jqx-radiobutton-check-checked-mobile {
    background: #1c7efb;
    border-color: #2078e9;
}

.jqx-scrollbar-thumb-state-normal-horizontal-mobile, .jqx-scrollbar-thumb-state-normal-mobile {
    background: #b5b5b6;
    border-color: #b5b5b6;
    border-radius: 10px;
}

.jqx-scrollbar-thumb-state-hover-horizontal-mobile, .jqx-scrollbar-thumb-state-hover-mobile {
    background: #b5b5b6;
    border-color: #b5b5b6;
}

.jqx-scrollbar-thumb-state-pressed-horizontal-mobile, .jqx-scrollbar-thumb-state-pressed-mobile {
    background: #1c7efb;
    border-color: #1c7efb;
}

.jqx-scrollbar-button-state-normal-mobile {
    border: 1px solid #fff;
    background: #fff;
}

/*applied to the scrollbar buttons in hovered state.*/

.jqx-scrollbar-button-state-hover-mobile {
    border: 1px solid #fff;
    background: #fff;
}

/*applied to the scrollbar buttons in pressed state.*/

.jqx-scrollbar-button-state-pressed-mobile {
    border: 1px solid #1c7efb;
    background: #1c7efb;
}

/*icons*/

.jqx-window-collapse-button-mobile {
    background-image: url('icon-up-transparent.bf55c8b5331c71d2aa5d.png');
}

.jqx-window-collapse-button-collapsed-mobile {
    background-image: url('icon-down-transparent.3b85e6d53d31c71fc96c.png');
}

.jqx-icon-arrow-up-mobile, .jqx-expander-arrow-bottom-mobile, .jqx-menu-item-arrow-up-mobile {
    background-image: url('icon-up-transparent.bf55c8b5331c71d2aa5d.png');
}

.jqx-icon-arrow-down-mobile, .jqx-expander-arrow-top-mobile, .jqx-menu-item-arrow-down-mobile {
    background-image: url('icon-down-transparent.3b85e6d53d31c71fc96c.png');
}

.jqx-icon-arrow-left-mobile, .jqx-menu-item-arrow-left-mobile {
    background-image: url('icon-left-transparent.ea252189e9829aa920da.png');
}

.jqx-icon-arrow-right-mobile, .jqx-menu-item-arrow-right-mobile {
    background-image: url('icon-right-transparent.5742d9064912dc135328.png');
}

.jqx-tree-item-arrow-collapse-rtl-mobile, .jqx-tree-item-arrow-collapse-hover-rtl-mobile {
    background-image: url('icon-left-blue.424195f87f89ffe5800e.png');
}

.jqx-tabs-arrow-left-mobile, .jqx-grid-pager-mobile .jqx-icon-arrow-left-mobile {
    background-image: url('icon-left-blue.424195f87f89ffe5800e.png');
}

.jqx-tree-item-arrow-expand-hover-mobile, .jqx-tree-item-arrow-expand-mobile {
    background-image: url('icon-down-blue.9a8f81b769d383c050e9.png');
}

.jqx-tree-item-arrow-collapse-hover-mobile, .jqx-tree-item-arrow-collapse-mobile, .jqx-tabs-arrow-right-mobile, .jqx-grid-pager-mobile .jqx-icon-arrow-right-mobile {
    background-image: url('icon-right-blue.a25011164667e417e809.png');
}

.jqx-calendar-mobile .jqx-icon-arrow-right-mobile {
    background-image: url('icon-right-blue.a25011164667e417e809.png');
}

.jqx-calendar-mobile .jqx-icon-arrow-left-mobile {
    background-image: url('icon-left-blue.424195f87f89ffe5800e.png');
}

.jqx-menu-item-arrow-up-selected-mobile, .jqx-icon-arrow-up-selected-mobile {
    background-image: url('icon-up-transparent.bf55c8b5331c71d2aa5d.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-item-arrow-down-selected-mobile, .jqx-icon-arrow-down-selected-mobile {
    background-image: url('icon-down-transparent.3b85e6d53d31c71fc96c.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-item-arrow-left-selected-mobile, .jqx-icon-arrow-left-selected-mobile {
    background-image: url('icon-left-transparent.ea252189e9829aa920da.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-item-arrow-right-selected-mobile, .jqx-icon-arrow-right-selected-mobile {
    background-image: url('icon-right-transparent.5742d9064912dc135328.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-window-close-button-mobile, .jqx-icon-close-mobile, .jqx-tabs-close-button-mobile, .jqx-tabs-close-button-hover-mobile, .jqx-tabs-close-button-selected-mobile {
    background-image: url('close_blue.f7e0976060d99e25bcb7.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-listbox-feedback-mobile {
    border-top: 1px dashed #fff;
}

.jqx-scrollbar-mobile .jqx-icon-arrow-up-selected-mobile {
    background-image: url('icon-up-transparent.bf55c8b5331c71d2aa5d.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-scrollbar-mobile .jqx-icon-arrow-down-selected-mobile {
    background-image: url('icon-down-transparent.3b85e6d53d31c71fc96c.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-scrollbar-mobile .jqx-icon-arrow-left-selected-mobile {
    background-image: url('icon-left-transparent.ea252189e9829aa920da.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-scrollbar-mobile .jqx-icon-arrow-right-selected-mobile {
    background-image: url('icon-right-transparent.5742d9064912dc135328.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-input-button-content-mobile {
    font-size: 13px;
}

.jqx-input-button-header-mobile {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.jqx-slider-button-mobile {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 4px !important;
}

.jqx-slider-slider-mobile {
    width: 25px;
    height: 25px;
    margin-top: -10px;
    border-radius: 100%;
    box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.5);
}

.jqx-file-upload-mobile .jqx-icon-arrow-up-mobile {
  background-image: url('icon-up-blue.fc81585196198b87f693.png');
}

.jqx-slider-track-mobile {
    background: #b4b4b5;
    border-color: #b4b4b5;
}

.jqx-slider-rangebar-mobile {
    background: #167efc;
}

.jqx-splitter-splitbar-vertical-mobile, .jqx-splitter-splitbar-horizontal-mobile {
    background: #bec1c5;
    border-color: #bec1c5;
}

.jqx-splitter-collapse-button-horizontal-mobile, .jqx-splitter-collapse-button-vertical-mobile {
    background: #167efc;
}

.jqx-progressbar-value-mobile, .jqx-progressbar-value-vertical-mobile  {
    background: #167efc;
}

.jqx-dropdownlist-state-normal-mobile, .jqx-dropdownlist-state-hover-mobile, .jqx-dropdownlist-state-selected-mobile,
.jqx-scrollbar-button-state-hover-mobile, .jqx-scrollbar-button-state-normal-mobile, .jqx-scrollbar-button-state-pressed-mobile,
.jqx-scrollbar-thumb-state-normal-horizontal-mobile, .jqx-scrollbar-thumb-state-hover-horizontal-mobile, .jqx-scrollbar-thumb-state-pressed-horizontal-mobile,
.jqx-scrollbar-thumb-state-normal-mobile, .jqx-scrollbar-thumb-state-pressed-mobile, .jqx-button-mobile, .jqx-tree-item-hover-mobile, .jqx-tree-item-selected-mobile,
.jqx-tree-item-mobile, .jqx-menu-item-mobile, .jqx-menu-item-hover-mobile, .jqx-menu-item-selected-mobile, .jqx-menu-item-top-mobile, .jqx-menu-item-top-hover-mobile,
.jqx-menu-item-top-selected-mobile, .jqx-slider-button-mobile, .jqx-slider-slider-mobile {
    transition: background-color 100ms linear;
}

.jqx-switchbutton-mobile {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #e4e4e4;
    background: #fff;
}

.jqx-switchbutton-thumb-mobile {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 100%;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    z-index: 99;
    left: 1px;
    position: relative;
}

.jqx-switchbutton-on-mobile {
    background: #4cd964;
    color: #4cd964;
}

.jqx-switchbutton-on-mobile .jqx-switchbutton-thumb-mobile {
    }

.jqx-switchbutton-label-on-mobile {
    background: #4cd964;
    color: #4cd964;
}

.jqx-switchbutton-label-off-mobile {
    background: #fff;
    color: #fff;
}

.jqx-tabs-title-mobile {
    background: transparent;
    border-color: transparent;
    color: #157efb;
}

.jqx-tabs-header-bottom-mobile {
    color: #929292;
}

.jqx-tabs-title-selected-top-mobile, .jqx-tabs-selection-tracker-top-mobile {
    color: #fff;
    background: #157efb;
}

.jqx-tabs-title-selected-bottom-mobile, .jqx-tabs-selection-tracker-bottom-mobile {
    color: #fff;
    background: #157efb;
}

.jqx-tabs-title-hover-top-mobile, .jqx-tabs-title-hover-bottom-mobile, .jqx-tabs-header-mobile {
    color: #157efb;
}

.jqx-listmenu-header-mobile .jqx-button-mobile {
    background: transparent;
    border: none;
    color: #1c7efb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.jqx-listmenu-header-mobile .jqx-button-mobile span {
    min-height: 16px;
    line-height: 19px;
}

.jqx-widget-header-mobile .jqx-button-mobile {
    margin-left: -10px;
}

.jqx-listmenu-backbutton-arrow-mobile {
   background-image: url('icon-left-blue.424195f87f89ffe5800e.png'); 
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   margin-right: 2px;
   margin-top: 1px;
}

.jqx-switchbutton-wrapper-mobile {
}

.jqx-icon-arrow-first-mobile {
    background-image: url('icon-first-blue.5654fba593fe62373e1c.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-last-mobile {
    background-image: url('icon-last-blue.b55377e7eeda60281c9a.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-progressbar-text-mobile {
    font-size: 100%;
}

.jqx-grid-pager-mobile {
    color: #157efb;
}

.jqx-grid-pager-mobile .jqx-button-mobile {
        padding: 3px !important;
    }

.jqx-grid-pager-number-mobile {
    top: 1px;
    position: relative;
    padding: 1px 7px;
    box-shadow: none;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #157efb;
}

.jqx-grid-pager-number-mobile.jqx-fill-state-pressed-mobile {
    color: #fff;
    background: #157efb;
    border-color: #157efb;
}

.jqx-grid-pager-mobile .jqx-button-mobile {
    box-shadow: none;
    box-shadow: none;
    color: #157efb;
}

.jqx-listbox-mobile {
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.jqx-group-button-normal-mobile {
    background: #f6f5f1;
    color: #157efb;
    border-color: #157efb;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
}

.jqx-group-button-pressed-mobile {
    background: #157efb;
    color: #fff;
}

.jqx-grid-group-collapse-mobile {
    background-image: url('icon-right-blue.a25011164667e417e809.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.jqx-grid-group-collapse-rtl-mobile
{
    padding-right: 0px;
    background-image: url('icon-left-blue.424195f87f89ffe5800e.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.jqx-grid-group-expand-mobile, .jqx-grid-group-expand-rtl-mobile
{
    padding-right: 0px;
    background-image: url('icon-down-blue.9a8f81b769d383c050e9.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.jqx-tree-grid-indent-mobile, .jqx-tree-grid-collapse-button-mobile, .jqx-tree-grid-expand-button-mobile {
    width: 20px;
}

.jqx-tree-grid-checkbox-mobile {
    width: 16px; height: 16px;
}

.jqx-tree-grid-expand-button-mobile {
    margin-top: 0px;
}

.jqx-editor-toolbar-button-mobile {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.jqx-file-upload-file-name-mobile{padding:3px;}

.jqx-file-upload-file-row-mobile{ height: 40px;}

.jqx-layout-mobile
{
    background-color: #b2b2b2;
}

.jqx-layout-pseudo-window-pin-icon-mobile
{
    background-image: url('pin-blue.05d4b9c922f1049c56bb.png');
}

.jqx-layout-pseudo-window-pinned-icon-mobile
{
    background-image: url('pinned-blue.0acb55bb9c3eb09df575.png');
}

.jqx-grid-pager-number-mobile.jqx-fill-state-pressed-mobile {
    color: #fff !important;
}
html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}
html,
body,
* {
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
a:hover,
a:active,
.tile:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
input[type=text]::-ms-clear,
input[type=email]::-ms-clear,
input[type=url]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear,
input[type=time]::-ms-clear {
  display: none;
}
input[type=password]::-ms-reveal {
  display: none;
}
* {
  border-collapse: collapse;
}
a {
  text-decoration: none;
}
@media print {
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100%;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
html {
  font-size: 100%;
}
body {
  font-family: "Segoe UI", "Open Sans", sans-serif, serif;
  font-size: 0.875rem;
  line-height: 1.1;
  font-weight: 400;
  font-style: normal;
}
#font .light {
  font-weight: 300;
  font-style: normal;
}
#font .normal {
  font-weight: 400;
  font-style: normal;
}
#font .bold {
  font-style: normal;
  font-weight: 700;
}
#font .italic {
  font-style: italic;
}
.leader {
  font: 400 2.25rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.sub-leader {
  font: 500 1.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.header {
  font: 500 1.5rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.sub-header {
  font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.alt-header {
  font: 500 1rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.sub-alt-header {
  font: 500 0.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.minor-header {
  font: 500 0.75rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h1 {
  font: 400 2.25rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h2 {
  font: 500 1.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h3 {
  font: 500 1.5rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h4 {
  font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h5 {
  font: 500 0.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h6 {
  font: 500 0.75rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: .625rem 0;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
  font-weight: 400;
  font-size: .7em;
  line-height: 1;
  color: #777;
}
.text-light {
  font-weight: 300;
  font-style: normal;
}
.text-normal {
  font-weight: 400;
  font-style: normal;
}
.text-bold {
  font-style: normal;
  font-weight: 700;
}
.text-italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capital {
  text-transform: capitalize;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.align-justify {
  text-align: justify;
}
.v-align-top {
  vertical-align: top;
}
.v-align-bottom {
  vertical-align: bottom;
}
.v-align-baseline {
  vertical-align: baseline;
}
.v-align-middle {
  vertical-align: middle;
}
.v-align-sub {
  vertical-align: sub;
}
.v-align-super {
  vertical-align: super;
}
.v-align-top-text {
  vertical-align: text-top;
}
.v-align-bottom-text {
  vertical-align: text-bottom;
}
.text-dashed {
  border: 0;
  border-bottom: 1px gray dashed;
  display: inline;
}
.indent-paragraph:first-letter {
  margin-left: 2.5rem;
}
.text-secondary {
  font-size: 0.75rem;
}
.text-accent,
.text-enlarged {
  font-size: 1.1rem;
}
.text-default {
  font-size: 0.875rem;
}
.text-small {
  font-size: 0.625rem;
}
.text-light {
  font-weight: 300;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
abbr {
  text-decoration: none;
  border-bottom: 1px #999999 dotted;
  cursor: help;
  display: inline;
}
address {
  font-weight: 400;
  font-style: normal;
  margin: .625rem 0;
}
blockquote {
  margin: .625rem 0;
  padding: 0 0 0 .625rem;
  border-left: 0.25rem #999999 solid;
}
blockquote small {
  color: #999999;
}
blockquote small:before {
  content: "\2014 \00A0";
}
blockquote.place-right {
  border: 0;
  border-right: 4px #999999 solid;
  padding-right: .625rem;
  text-align: right;
}
blockquote.place-right small:before {
  content: "";
}
blockquote.place-right small:after {
  content: " \00A0 \2014";
}
.unstyled-list {
  padding-left: 0;
  list-style: none;
}
.unstyled-list li ul,
.unstyled-list li ol {
  list-style: none;
  padding-left: 1.5625rem;
}
.inline-list {
  list-style: none;
  padding-left: 0;
}
.inline-list li {
  display: inline-block;
  margin-right: .625rem;
}
.inline-list li:last-child {
  margin-right: 0;
}
ul,
ol {
  margin-left: .3125rem;
}
ul li,
ol li {
  line-height: 1.25rem;
}
ul li ul,
ol li ul,
ul li ol,
ol li ol {
  padding-left: 1.5625rem;
}
dl dt,
dl dd {
  line-height: 1.25rem;
}
dl dt {
  font-style: normal;
  font-weight: 700;
}
dl dd {
  margin-left: .9375rem;
}
dl.horizontal dt {
  float: left;
  width: 10rem;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
dl.horizontal dd {
  margin-left: 11.25rem;
}
a {
  color: #2086bf;
}
a:visited {
  color: #2086bf;
}
hr {
  border: 0;
  height: 2px;
  background-color: #88b9e3;
}
hr.thin {
  height: 1px;
}
hr.fat {
  height: 3px;
}
.tag {
  display: inline-block;
  line-height: 1.1;
  font-size: 80%;
  padding: 1px 4px 2px;
  background-color: #eeeeee;
  border-radius: 2px;
  color: #1d1d1d;
  vertical-align: middle;
}
.tag.success {
  background-color: #60a917;
  color: #ffffff;
}
.tag.alert {
  background-color: #CE352C;
  color: #ffffff;
}
.tag.info {
  background-color: #1ba1e2;
  color: #ffffff;
}
.tag.warning {
  background-color: #fa6800;
  color: #ffffff;
}
a.tag {
  text-decoration: underline;
  cursor: pointer;
}
.container {
  width: 960px;
  margin: 0 auto;
}
.fixed-top,
.fixed-bottom {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1030;
}
.fixed-top {
  top: 0;
  bottom: auto;
}
.fixed-bottom {
  top: auto;
  bottom: 0;
}
.pos-abs {
  position: absolute !important;
}
.pos-rel {
  position: relative !important;
}
.pos-fix {
  position: fixed !important;
}
.dropdown-toggle {
  position: relative;
  cursor: pointer;
}
.dropdown-toggle:before {
  display: block;
  position: absolute;
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  content: "";
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: #1d1d1d;
  top: 50%;
  left: 100%;
  margin-left: -1rem;
  margin-top: -0.1625rem;
  z-index: 2;
  transform: rotate(-45deg);
}
.dropdown-toggle.drop-marker-light:before {
  border-color: #ffffff;
}
*.dropdown-toggle {
  padding-right: 1.625rem;
}
.flush-list {
  padding: 0;
  margin: 0;
  list-style: none inside none;
}
.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.before-shadow:before {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.after-shadow:after {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.block-shadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.block-shadow-success {
  box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.block-shadow-error {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-danger {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-warning {
  box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.block-shadow-info {
  box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.block-shadow-impact {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.bottom-shadow {
  box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
}
.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.before-text-shadow:before {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.after-text-shadow:after {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.no-shadow {
  box-shadow: none !important;
}
.full-size {
  width: 100% !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.no-display {
  display: none !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-float {
  float: none !important;
}
.no-visible {
  visibility: hidden !important;
}
.no-border {
  border: 0 !important;
}
.no-overflow {
  overflow: hidden !important;
}
.no-scroll {
  overflow: hidden !important;
}
.no-scroll-x {
  overflow-x: hidden !important;
}
.no-scroll-y {
  overflow-y: hidden !important;
}
.no-wrap {
  white-space: nowrap !important;
}
.no-border-left {
  border-left: none !important;
}
.no-border-right {
  border-right: none !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.transparent-border {
  border-color: transparent !important;
}
.place-right {
  float: right !important;
}
.place-left {
  float: left !important;
}
.clear-float:before,
.clear-float:after {
  display: table;
  content: "";
}
.clear-float:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.no-user-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.no-appearance {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.debug {
  border: 1px dashed red;
}
.example {
  padding: .625rem 1.825rem .625rem 2.5rem;
  border: 1px #ccc dashed;
  position: relative;
  margin: 0 0 .625rem 0;
  background-color: #ffffff;
}
.example:before,
.example:after {
  display: table;
  content: "";
}
.example:after {
  clear: both;
}
.example:before {
  position: absolute;
  content: attr(data-text);
  text-transform: lowercase;
  left: 1.5rem;
  top: 11.875rem;
  color: gray;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  height: 1rem;
  text-align: right;
  white-space: nowrap;
  direction: ltr;
  width: 12.5rem;
  transform: rotate(-90deg);
  transform-origin: 0 100%;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.padding10 {
  padding: 0.625rem;
}
.padding20 {
  padding: 1.25rem;
}
.padding30 {
  padding: 1.875rem;
}
.padding40 {
  padding: 2.5rem;
}
.padding50 {
  padding: 3.125rem;
}
.padding60 {
  padding: 3.75rem;
}
.padding70 {
  padding: 4.375rem;
}
.padding80 {
  padding: 5rem;
}
.padding90 {
  padding: 5.625rem;
}
.padding100 {
  padding: 6.25rem;
}
.padding5 {
  padding: 5px;
}
.margin5 {
  margin: 5px;
}
.margin10 {
  margin: 0.625rem;
}
.margin20 {
  margin: 1.25rem;
}
.margin30 {
  margin: 1.875rem;
}
.margin40 {
  margin: 2.5rem;
}
.margin50 {
  margin: 3.125rem;
}
.margin60 {
  margin: 3.75rem;
}
.margin70 {
  margin: 4.375rem;
}
.margin80 {
  margin: 5rem;
}
.margin90 {
  margin: 5.625rem;
}
.margin100 {
  margin: 6.25rem;
}
.opacity {
  opacity: .9;
}
.half-opacity {
  opacity: .5;
}
.hi-opacity {
  opacity: .2;
}
.element-selected {
  border: 4px #4390df solid;
}
.element-selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.element-selected:before {
  position: absolute;
  display: block;
  content: "";
  background-color: transparent;
  border-color: #ffffff;
  border-left: 2px solid;
  border-bottom: 2px solid;
  height: .25rem;
  width: .5rem;
  right: 0;
  top: 0;
  z-index: 102;
  transform: rotate(-45deg);
}
/* Block function */
.set-border {
  border: 1px #d9d9d9 solid;
}
.set-border.medium-border {
  border-width: 8px;
}
.set-border.large-border {
  border-width: 16px;
}
.grid {
  display: block;
  position: relative;
  margin: .625rem 0;
}
.grid:before,
.grid:after {
  display: table;
  content: "";
}
.grid:after {
  clear: both;
}
.grid .row {
  width: 100%;
  display: block;
  margin: 0 0 2.12765% 0;
}
.grid .row:before,
.grid .row:after {
  display: table;
  content: "";
}
.grid .row:after {
  clear: both;
}
.grid .row:last-child {
  margin-bottom: 0;
}
.grid .row > .cell {
  display: block;
  float: left;
  width: 100%;
  min-height: 10px;
  margin: 0 0 0 2.12765%;
}
.grid .row > .cell:first-child {
  margin-left: 0;
}
.grid .row.cells2 > .cell {
  width: 48.936175%;
}
.grid .row.cells2 > .cell.colspan2 {
  width: 100%;
}
.grid .row.cells2 > .cell.offset1 {
  margin-left: 51.063825%;
}
.grid .row.cells2 > .cell.offset2 {
  margin-left: 102.12765%;
}
.grid .row.cells3 > .cell {
  width: 31.9149%;
}
.grid .row.cells3 > .cell.colspan2 {
  width: 65.95745%;
}
.grid .row.cells3 > .cell.colspan3 {
  width: 100%;
}
.grid .row.cells3 > .cell.offset1 {
  margin-left: 34.04255%;
}
.grid .row.cells3 > .cell.offset2 {
  margin-left: 68.0851%;
}
.grid .row.cells3 > .cell.offset3 {
  margin-left: 102.12765%;
}
.grid .row.cells4 > .cell {
  width: 23.4042625%;
}
.grid .row.cells4 > .cell.colspan2 {
  width: 48.936175%;
}
.grid .row.cells4 > .cell.colspan3 {
  width: 74.4680875%;
}
.grid .row.cells4 > .cell.colspan4 {
  width: 100%;
}
.grid .row.cells4 > .cell.offset1 {
  margin-left: 25.5319125%;
}
.grid .row.cells4 > .cell.offset2 {
  margin-left: 51.063825%;
}
.grid .row.cells4 > .cell.offset3 {
  margin-left: 76.5957375%;
}
.grid .row.cells4 > .cell.offset4 {
  margin-left: 102.12765%;
}
.grid .row.cells5 > .cell {
  width: 18.29788%;
}
.grid .row.cells5 > .cell.colspan2 {
  width: 38.72341%;
}
.grid .row.cells5 > .cell.colspan3 {
  width: 59.14894%;
}
.grid .row.cells5 > .cell.colspan4 {
  width: 79.57447%;
}
.grid .row.cells5 > .cell.colspan5 {
  width: 100%;
}
.grid .row.cells5 > .cell.offset1 {
  margin-left: 20.42553%;
}
.grid .row.cells5 > .cell.offset2 {
  margin-left: 40.85106%;
}
.grid .row.cells5 > .cell.offset3 {
  margin-left: 61.27659%;
}
.grid .row.cells5 > .cell.offset4 {
  margin-left: 81.70212%;
}
.grid .row.cells5 > .cell.offset5 {
  margin-left: 102.12765%;
}
.grid .row.cells6 > .cell {
  width: 14.893625%;
}
.grid .row.cells6 > .cell.colspan2 {
  width: 31.9149%;
}
.grid .row.cells6 > .cell.colspan3 {
  width: 48.936175%;
}
.grid .row.cells6 > .cell.colspan4 {
  width: 65.95745%;
}
.grid .row.cells6 > .cell.colspan5 {
  width: 82.978725%;
}
.grid .row.cells6 > .cell.colspan6 {
  width: 100%;
}
.grid .row.cells6 > .cell.offset1 {
  margin-left: 17.021275%;
}
.grid .row.cells6 > .cell.offset2 {
  margin-left: 34.04255%;
}
.grid .row.cells6 > .cell.offset3 {
  margin-left: 51.063825%;
}
.grid .row.cells6 > .cell.offset4 {
  margin-left: 68.0851%;
}
.grid .row.cells6 > .cell.offset5 {
  margin-left: 85.106375%;
}
.grid .row.cells6 > .cell.offset6 {
  margin-left: 102.12765%;
}
.grid .row.cells7 > .cell {
  width: 12.46201429%;
}
.grid .row.cells7 > .cell.colspan2 {
  width: 27.05167857%;
}
.grid .row.cells7 > .cell.colspan3 {
  width: 41.64134286%;
}
.grid .row.cells7 > .cell.colspan4 {
  width: 56.23100714%;
}
.grid .row.cells7 > .cell.colspan5 {
  width: 70.82067143%;
}
.grid .row.cells7 > .cell.colspan6 {
  width: 85.41033571%;
}
.grid .row.cells7 > .cell.colspan7 {
  width: 100%;
}
.grid .row.cells7 > .cell.offset1 {
  margin-left: 14.58966429%;
}
.grid .row.cells7 > .cell.offset2 {
  margin-left: 29.17932857%;
}
.grid .row.cells7 > .cell.offset3 {
  margin-left: 43.76899286%;
}
.grid .row.cells7 > .cell.offset4 {
  margin-left: 58.35865714%;
}
.grid .row.cells7 > .cell.offset5 {
  margin-left: 72.94832143%;
}
.grid .row.cells7 > .cell.offset6 {
  margin-left: 87.53798571%;
}
.grid .row.cells7 > .cell.offset7 {
  margin-left: 102.12765%;
}
.grid .row.cells8 > .cell {
  width: 10.63830625%;
}
.grid .row.cells8 > .cell.colspan2 {
  width: 23.4042625%;
}
.grid .row.cells8 > .cell.colspan3 {
  width: 36.17021875%;
}
.grid .row.cells8 > .cell.colspan4 {
  width: 48.936175%;
}
.grid .row.cells8 > .cell.colspan5 {
  width: 61.70213125%;
}
.grid .row.cells8 > .cell.colspan6 {
  width: 74.4680875%;
}
.grid .row.cells8 > .cell.colspan7 {
  width: 87.23404375%;
}
.grid .row.cells8 > .cell.colspan8 {
  width: 100%;
}
.grid .row.cells8 > .cell.offset1 {
  margin-left: 12.76595625%;
}
.grid .row.cells8 > .cell.offset2 {
  margin-left: 25.5319125%;
}
.grid .row.cells8 > .cell.offset3 {
  margin-left: 38.29786875%;
}
.grid .row.cells8 > .cell.offset4 {
  margin-left: 51.063825%;
}
.grid .row.cells8 > .cell.offset5 {
  margin-left: 63.82978125%;
}
.grid .row.cells8 > .cell.offset6 {
  margin-left: 76.5957375%;
}
.grid .row.cells8 > .cell.offset7 {
  margin-left: 89.36169375%;
}
.grid .row.cells8 > .cell.offset8 {
  margin-left: 102.12765%;
}
.grid .row.cells9 > .cell {
  width: 9.21986667%;
}
.grid .row.cells9 > .cell.colspan2 {
  width: 20.56738333%;
}
.grid .row.cells9 > .cell.colspan3 {
  width: 31.9149%;
}
.grid .row.cells9 > .cell.colspan4 {
  width: 43.26241667%;
}
.grid .row.cells9 > .cell.colspan5 {
  width: 54.60993333%;
}
.grid .row.cells9 > .cell.colspan6 {
  width: 65.95745%;
}
.grid .row.cells9 > .cell.colspan7 {
  width: 77.30496667%;
}
.grid .row.cells9 > .cell.colspan8 {
  width: 88.65248333%;
}
.grid .row.cells9 > .cell.colspan9 {
  width: 100%;
}
.grid .row.cells9 > .cell.offset1 {
  margin-left: 11.34751667%;
}
.grid .row.cells9 > .cell.offset2 {
  margin-left: 22.69503333%;
}
.grid .row.cells9 > .cell.offset3 {
  margin-left: 34.04255%;
}
.grid .row.cells9 > .cell.offset4 {
  margin-left: 45.39006667%;
}
.grid .row.cells9 > .cell.offset5 {
  margin-left: 56.73758333%;
}
.grid .row.cells9 > .cell.offset6 {
  margin-left: 68.0851%;
}
.grid .row.cells9 > .cell.offset7 {
  margin-left: 79.43261667%;
}
.grid .row.cells9 > .cell.offset8 {
  margin-left: 90.78013333%;
}
.grid .row.cells9 > .cell.offset9 {
  margin-left: 102.12765%;
}
.grid .row.cells10 > .cell {
  width: 8.085115%;
}
.grid .row.cells10 > .cell.colspan2 {
  width: 18.29788%;
}
.grid .row.cells10 > .cell.colspan3 {
  width: 28.510645%;
}
.grid .row.cells10 > .cell.colspan4 {
  width: 38.72341%;
}
.grid .row.cells10 > .cell.colspan5 {
  width: 48.936175%;
}
.grid .row.cells10 > .cell.colspan6 {
  width: 59.14894%;
}
.grid .row.cells10 > .cell.colspan7 {
  width: 69.361705%;
}
.grid .row.cells10 > .cell.colspan8 {
  width: 79.57447%;
}
.grid .row.cells10 > .cell.colspan9 {
  width: 89.787235%;
}
.grid .row.cells10 > .cell.colspan10 {
  width: 100%;
}
.grid .row.cells10 > .cell.offset1 {
  margin-left: 10.212765%;
}
.grid .row.cells10 > .cell.offset2 {
  margin-left: 20.42553%;
}
.grid .row.cells10 > .cell.offset3 {
  margin-left: 30.638295%;
}
.grid .row.cells10 > .cell.offset4 {
  margin-left: 40.85106%;
}
.grid .row.cells10 > .cell.offset5 {
  margin-left: 51.063825%;
}
.grid .row.cells10 > .cell.offset6 {
  margin-left: 61.27659%;
}
.grid .row.cells10 > .cell.offset7 {
  margin-left: 71.489355%;
}
.grid .row.cells10 > .cell.offset8 {
  margin-left: 81.70212%;
}
.grid .row.cells10 > .cell.offset9 {
  margin-left: 91.914885%;
}
.grid .row.cells10 > .cell.offset10 {
  margin-left: 102.12765%;
}
.grid .row.cells11 > .cell {
  width: 7.15668182%;
}
.grid .row.cells11 > .cell.colspan2 {
  width: 16.44101364%;
}
.grid .row.cells11 > .cell.colspan3 {
  width: 25.72534545%;
}
.grid .row.cells11 > .cell.colspan4 {
  width: 35.00967727%;
}
.grid .row.cells11 > .cell.colspan5 {
  width: 44.29400909%;
}
.grid .row.cells11 > .cell.colspan6 {
  width: 53.57834091%;
}
.grid .row.cells11 > .cell.colspan7 {
  width: 62.86267273%;
}
.grid .row.cells11 > .cell.colspan8 {
  width: 72.14700455%;
}
.grid .row.cells11 > .cell.colspan9 {
  width: 81.43133636%;
}
.grid .row.cells11 > .cell.colspan10 {
  width: 90.71566818%;
}
.grid .row.cells11 > .cell.colspan11 {
  width: 100%;
}
.grid .row.cells11 > .cell.offset1 {
  margin-left: 9.28433182%;
}
.grid .row.cells11 > .cell.offset2 {
  margin-left: 18.56866364%;
}
.grid .row.cells11 > .cell.offset3 {
  margin-left: 27.85299545%;
}
.grid .row.cells11 > .cell.offset4 {
  margin-left: 37.13732727%;
}
.grid .row.cells11 > .cell.offset5 {
  margin-left: 46.42165909%;
}
.grid .row.cells11 > .cell.offset6 {
  margin-left: 55.70599091%;
}
.grid .row.cells11 > .cell.offset7 {
  margin-left: 64.99032273%;
}
.grid .row.cells11 > .cell.offset8 {
  margin-left: 74.27465455%;
}
.grid .row.cells11 > .cell.offset9 {
  margin-left: 83.55898636%;
}
.grid .row.cells11 > .cell.offset10 {
  margin-left: 92.84331818%;
}
.grid .row.cells11 > .cell.offset11 {
  margin-left: 102.12765%;
}
.grid .row.cells12 > .cell {
  width: 6.3829875%;
}
.grid .row.cells12 > .cell.colspan2 {
  width: 14.893625%;
}
.grid .row.cells12 > .cell.colspan3 {
  width: 23.4042625%;
}
.grid .row.cells12 > .cell.colspan4 {
  width: 31.9149%;
}
.grid .row.cells12 > .cell.colspan5 {
  width: 40.4255375%;
}
.grid .row.cells12 > .cell.colspan6 {
  width: 48.936175%;
}
.grid .row.cells12 > .cell.colspan7 {
  width: 57.4468125%;
}
.grid .row.cells12 > .cell.colspan8 {
  width: 65.95745%;
}
.grid .row.cells12 > .cell.colspan9 {
  width: 74.4680875%;
}
.grid .row.cells12 > .cell.colspan10 {
  width: 82.978725%;
}
.grid .row.cells12 > .cell.colspan11 {
  width: 91.4893625%;
}
.grid .row.cells12 > .cell.colspan12 {
  width: 100%;
}
.grid .row.cells12 > .cell.offset1 {
  margin-left: 8.5106375%;
}
.grid .row.cells12 > .cell.offset2 {
  margin-left: 17.021275%;
}
.grid .row.cells12 > .cell.offset3 {
  margin-left: 25.5319125%;
}
.grid .row.cells12 > .cell.offset4 {
  margin-left: 34.04255%;
}
.grid .row.cells12 > .cell.offset5 {
  margin-left: 42.5531875%;
}
.grid .row.cells12 > .cell.offset6 {
  margin-left: 51.063825%;
}
.grid .row.cells12 > .cell.offset7 {
  margin-left: 59.5744625%;
}
.grid .row.cells12 > .cell.offset8 {
  margin-left: 68.0851%;
}
.grid .row.cells12 > .cell.offset9 {
  margin-left: 76.5957375%;
}
.grid .row.cells12 > .cell.offset10 {
  margin-left: 85.106375%;
}
.grid .row.cells12 > .cell.offset11 {
  margin-left: 93.6170125%;
}
.grid .row.cells12 > .cell.offset12 {
  margin-left: 102.12765%;
}
.grid .row:empty {
  display: none;
}
.grid.condensed {
  display: block;
  position: relative;
  margin: .625rem 0;
}
.grid.condensed:before,
.grid.condensed:after {
  display: table;
  content: "";
}
.grid.condensed:after {
  clear: both;
}
.grid.condensed .row {
  width: 100%;
  display: block;
  margin: 0 0 0 0;
}
.grid.condensed .row:before,
.grid.condensed .row:after {
  display: table;
  content: "";
}
.grid.condensed .row:after {
  clear: both;
}
.grid.condensed .row:last-child {
  margin-bottom: 0;
}
.grid.condensed .row > .cell {
  display: block;
  float: left;
  width: 100%;
  min-height: 10px;
  margin: 0 0 0 0;
}
.grid.condensed .row > .cell:first-child {
  margin-left: 0;
}
.grid.condensed .row.cells2 > .cell {
  width: 50%;
}
.grid.condensed .row.cells2 > .cell.colspan2 {
  width: 100%;
}
.grid.condensed .row.cells2 > .cell.offset1 {
  margin-left: 50%;
}
.grid.condensed .row.cells2 > .cell.offset2 {
  margin-left: 100%;
}
.grid.condensed .row.cells3 > .cell {
  width: 33.33333333%;
}
.grid.condensed .row.cells3 > .cell.colspan2 {
  width: 66.66666667%;
}
.grid.condensed .row.cells3 > .cell.colspan3 {
  width: 100%;
}
.grid.condensed .row.cells3 > .cell.offset1 {
  margin-left: 33.33333333%;
}
.grid.condensed .row.cells3 > .cell.offset2 {
  margin-left: 66.66666667%;
}
.grid.condensed .row.cells3 > .cell.offset3 {
  margin-left: 100%;
}
.grid.condensed .row.cells4 > .cell {
  width: 25%;
}
.grid.condensed .row.cells4 > .cell.colspan2 {
  width: 50%;
}
.grid.condensed .row.cells4 > .cell.colspan3 {
  width: 75%;
}
.grid.condensed .row.cells4 > .cell.colspan4 {
  width: 100%;
}
.grid.condensed .row.cells4 > .cell.offset1 {
  margin-left: 25%;
}
.grid.condensed .row.cells4 > .cell.offset2 {
  margin-left: 50%;
}
.grid.condensed .row.cells4 > .cell.offset3 {
  margin-left: 75%;
}
.grid.condensed .row.cells4 > .cell.offset4 {
  margin-left: 100%;
}
.grid.condensed .row.cells5 > .cell {
  width: 20%;
}
.grid.condensed .row.cells5 > .cell.colspan2 {
  width: 40%;
}
.grid.condensed .row.cells5 > .cell.colspan3 {
  width: 60%;
}
.grid.condensed .row.cells5 > .cell.colspan4 {
  width: 80%;
}
.grid.condensed .row.cells5 > .cell.colspan5 {
  width: 100%;
}
.grid.condensed .row.cells5 > .cell.offset1 {
  margin-left: 20%;
}
.grid.condensed .row.cells5 > .cell.offset2 {
  margin-left: 40%;
}
.grid.condensed .row.cells5 > .cell.offset3 {
  margin-left: 60%;
}
.grid.condensed .row.cells5 > .cell.offset4 {
  margin-left: 80%;
}
.grid.condensed .row.cells5 > .cell.offset5 {
  margin-left: 100%;
}
.grid.condensed .row.cells6 > .cell {
  width: 16.66666667%;
}
.grid.condensed .row.cells6 > .cell.colspan2 {
  width: 33.33333333%;
}
.grid.condensed .row.cells6 > .cell.colspan3 {
  width: 50%;
}
.grid.condensed .row.cells6 > .cell.colspan4 {
  width: 66.66666667%;
}
.grid.condensed .row.cells6 > .cell.colspan5 {
  width: 83.33333333%;
}
.grid.condensed .row.cells6 > .cell.colspan6 {
  width: 100%;
}
.grid.condensed .row.cells6 > .cell.offset1 {
  margin-left: 16.66666667%;
}
.grid.condensed .row.cells6 > .cell.offset2 {
  margin-left: 33.33333333%;
}
.grid.condensed .row.cells6 > .cell.offset3 {
  margin-left: 50%;
}
.grid.condensed .row.cells6 > .cell.offset4 {
  margin-left: 66.66666667%;
}
.grid.condensed .row.cells6 > .cell.offset5 {
  margin-left: 83.33333333%;
}
.grid.condensed .row.cells6 > .cell.offset6 {
  margin-left: 100%;
}
.grid.condensed .row.cells7 > .cell {
  width: 14.28571429%;
}
.grid.condensed .row.cells7 > .cell.colspan2 {
  width: 28.57142857%;
}
.grid.condensed .row.cells7 > .cell.colspan3 {
  width: 42.85714286%;
}
.grid.condensed .row.cells7 > .cell.colspan4 {
  width: 57.14285714%;
}
.grid.condensed .row.cells7 > .cell.colspan5 {
  width: 71.42857143%;
}
.grid.condensed .row.cells7 > .cell.colspan6 {
  width: 85.71428571%;
}
.grid.condensed .row.cells7 > .cell.colspan7 {
  width: 100%;
}
.grid.condensed .row.cells7 > .cell.offset1 {
  margin-left: 14.28571429%;
}
.grid.condensed .row.cells7 > .cell.offset2 {
  margin-left: 28.57142857%;
}
.grid.condensed .row.cells7 > .cell.offset3 {
  margin-left: 42.85714286%;
}
.grid.condensed .row.cells7 > .cell.offset4 {
  margin-left: 57.14285714%;
}
.grid.condensed .row.cells7 > .cell.offset5 {
  margin-left: 71.42857143%;
}
.grid.condensed .row.cells7 > .cell.offset6 {
  margin-left: 85.71428571%;
}
.grid.condensed .row.cells7 > .cell.offset7 {
  margin-left: 100%;
}
.grid.condensed .row.cells8 > .cell {
  width: 12.5%;
}
.grid.condensed .row.cells8 > .cell.colspan2 {
  width: 25%;
}
.grid.condensed .row.cells8 > .cell.colspan3 {
  width: 37.5%;
}
.grid.condensed .row.cells8 > .cell.colspan4 {
  width: 50%;
}
.grid.condensed .row.cells8 > .cell.colspan5 {
  width: 62.5%;
}
.grid.condensed .row.cells8 > .cell.colspan6 {
  width: 75%;
}
.grid.condensed .row.cells8 > .cell.colspan7 {
  width: 87.5%;
}
.grid.condensed .row.cells8 > .cell.colspan8 {
  width: 100%;
}
.grid.condensed .row.cells8 > .cell.offset1 {
  margin-left: 12.5%;
}
.grid.condensed .row.cells8 > .cell.offset2 {
  margin-left: 25%;
}
.grid.condensed .row.cells8 > .cell.offset3 {
  margin-left: 37.5%;
}
.grid.condensed .row.cells8 > .cell.offset4 {
  margin-left: 50%;
}
.grid.condensed .row.cells8 > .cell.offset5 {
  margin-left: 62.5%;
}
.grid.condensed .row.cells8 > .cell.offset6 {
  margin-left: 75%;
}
.grid.condensed .row.cells8 > .cell.offset7 {
  margin-left: 87.5%;
}
.grid.condensed .row.cells8 > .cell.offset8 {
  margin-left: 100%;
}
.grid.condensed .row.cells9 > .cell {
  width: 11.11111111%;
}
.grid.condensed .row.cells9 > .cell.colspan2 {
  width: 22.22222222%;
}
.grid.condensed .row.cells9 > .cell.colspan3 {
  width: 33.33333333%;
}
.grid.condensed .row.cells9 > .cell.colspan4 {
  width: 44.44444444%;
}
.grid.condensed .row.cells9 > .cell.colspan5 {
  width: 55.55555556%;
}
.grid.condensed .row.cells9 > .cell.colspan6 {
  width: 66.66666667%;
}
.grid.condensed .row.cells9 > .cell.colspan7 {
  width: 77.77777778%;
}
.grid.condensed .row.cells9 > .cell.colspan8 {
  width: 88.88888889%;
}
.grid.condensed .row.cells9 > .cell.colspan9 {
  width: 100%;
}
.grid.condensed .row.cells9 > .cell.offset1 {
  margin-left: 11.11111111%;
}
.grid.condensed .row.cells9 > .cell.offset2 {
  margin-left: 22.22222222%;
}
.grid.condensed .row.cells9 > .cell.offset3 {
  margin-left: 33.33333333%;
}
.grid.condensed .row.cells9 > .cell.offset4 {
  margin-left: 44.44444444%;
}
.grid.condensed .row.cells9 > .cell.offset5 {
  margin-left: 55.55555556%;
}
.grid.condensed .row.cells9 > .cell.offset6 {
  margin-left: 66.66666667%;
}
.grid.condensed .row.cells9 > .cell.offset7 {
  margin-left: 77.77777778%;
}
.grid.condensed .row.cells9 > .cell.offset8 {
  margin-left: 88.88888889%;
}
.grid.condensed .row.cells9 > .cell.offset9 {
  margin-left: 100%;
}
.grid.condensed .row.cells10 > .cell {
  width: 10%;
}
.grid.condensed .row.cells10 > .cell.colspan2 {
  width: 20%;
}
.grid.condensed .row.cells10 > .cell.colspan3 {
  width: 30%;
}
.grid.condensed .row.cells10 > .cell.colspan4 {
  width: 40%;
}
.grid.condensed .row.cells10 > .cell.colspan5 {
  width: 50%;
}
.grid.condensed .row.cells10 > .cell.colspan6 {
  width: 60%;
}
.grid.condensed .row.cells10 > .cell.colspan7 {
  width: 70%;
}
.grid.condensed .row.cells10 > .cell.colspan8 {
  width: 80%;
}
.grid.condensed .row.cells10 > .cell.colspan9 {
  width: 90%;
}
.grid.condensed .row.cells10 > .cell.colspan10 {
  width: 100%;
}
.grid.condensed .row.cells10 > .cell.offset1 {
  margin-left: 10%;
}
.grid.condensed .row.cells10 > .cell.offset2 {
  margin-left: 20%;
}
.grid.condensed .row.cells10 > .cell.offset3 {
  margin-left: 30%;
}
.grid.condensed .row.cells10 > .cell.offset4 {
  margin-left: 40%;
}
.grid.condensed .row.cells10 > .cell.offset5 {
  margin-left: 50%;
}
.grid.condensed .row.cells10 > .cell.offset6 {
  margin-left: 60%;
}
.grid.condensed .row.cells10 > .cell.offset7 {
  margin-left: 70%;
}
.grid.condensed .row.cells10 > .cell.offset8 {
  margin-left: 80%;
}
.grid.condensed .row.cells10 > .cell.offset9 {
  margin-left: 90%;
}
.grid.condensed .row.cells10 > .cell.offset10 {
  margin-left: 100%;
}
.grid.condensed .row.cells11 > .cell {
  width: 9.09090909%;
}
.grid.condensed .row.cells11 > .cell.colspan2 {
  width: 18.18181818%;
}
.grid.condensed .row.cells11 > .cell.colspan3 {
  width: 27.27272727%;
}
.grid.condensed .row.cells11 > .cell.colspan4 {
  width: 36.36363636%;
}
.grid.condensed .row.cells11 > .cell.colspan5 {
  width: 45.45454545%;
}
.grid.condensed .row.cells11 > .cell.colspan6 {
  width: 54.54545455%;
}
.grid.condensed .row.cells11 > .cell.colspan7 {
  width: 63.63636364%;
}
.grid.condensed .row.cells11 > .cell.colspan8 {
  width: 72.72727273%;
}
.grid.condensed .row.cells11 > .cell.colspan9 {
  width: 81.81818182%;
}
.grid.condensed .row.cells11 > .cell.colspan10 {
  width: 90.90909091%;
}
.grid.condensed .row.cells11 > .cell.colspan11 {
  width: 100%;
}
.grid.condensed .row.cells11 > .cell.offset1 {
  margin-left: 9.09090909%;
}
.grid.condensed .row.cells11 > .cell.offset2 {
  margin-left: 18.18181818%;
}
.grid.condensed .row.cells11 > .cell.offset3 {
  margin-left: 27.27272727%;
}
.grid.condensed .row.cells11 > .cell.offset4 {
  margin-left: 36.36363636%;
}
.grid.condensed .row.cells11 > .cell.offset5 {
  margin-left: 45.45454545%;
}
.grid.condensed .row.cells11 > .cell.offset6 {
  margin-left: 54.54545455%;
}
.grid.condensed .row.cells11 > .cell.offset7 {
  margin-left: 63.63636364%;
}
.grid.condensed .row.cells11 > .cell.offset8 {
  margin-left: 72.72727273%;
}
.grid.condensed .row.cells11 > .cell.offset9 {
  margin-left: 81.81818182%;
}
.grid.condensed .row.cells11 > .cell.offset10 {
  margin-left: 90.90909091%;
}
.grid.condensed .row.cells11 > .cell.offset11 {
  margin-left: 100%;
}
.grid.condensed .row.cells12 > .cell {
  width: 8.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan2 {
  width: 16.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan3 {
  width: 25%;
}
.grid.condensed .row.cells12 > .cell.colspan4 {
  width: 33.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan5 {
  width: 41.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan6 {
  width: 50%;
}
.grid.condensed .row.cells12 > .cell.colspan7 {
  width: 58.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan8 {
  width: 66.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan9 {
  width: 75%;
}
.grid.condensed .row.cells12 > .cell.colspan10 {
  width: 83.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan11 {
  width: 91.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan12 {
  width: 100%;
}
.grid.condensed .row.cells12 > .cell.offset1 {
  margin-left: 8.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset2 {
  margin-left: 16.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset3 {
  margin-left: 25%;
}
.grid.condensed .row.cells12 > .cell.offset4 {
  margin-left: 33.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset5 {
  margin-left: 41.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset6 {
  margin-left: 50%;
}
.grid.condensed .row.cells12 > .cell.offset7 {
  margin-left: 58.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset8 {
  margin-left: 66.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset9 {
  margin-left: 75%;
}
.grid.condensed .row.cells12 > .cell.offset10 {
  margin-left: 83.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset11 {
  margin-left: 91.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset12 {
  margin-left: 100%;
}
.flex-grid {
  display: block;
  width: 100%;
}
.flex-grid .row {
  display: flex;
}
.flex-grid .row .cell {
  flex: 0 0 8.33333333%;
}
.flex-grid .row.cell-auto-size .cell {
  flex: 1 1 auto;
}
.flex-grid .row .cell.colspan2 {
  flex: 0 0 16.66666666%;
}
.flex-grid .row .cell.colspan3 {
  flex: 0 0 24.99999999%;
}
.flex-grid .row .cell.colspan4 {
  flex: 0 0 33.33333332%;
}
.flex-grid .row .cell.colspan5 {
  flex: 0 0 41.66666665%;
}
.flex-grid .row .cell.colspan6 {
  flex: 0 0 49.99999998%;
}
.flex-grid .row .cell.colspan7 {
  flex: 0 0 58.33333331%;
}
.flex-grid .row .cell.colspan8 {
  flex: 0 0 66.66666664%;
}
.flex-grid .row .cell.colspan9 {
  flex: 0 0 74.99999997%;
}
.flex-grid .row .cell.colspan10 {
  flex: 0 0 83.3333333%;
}
.flex-grid .row .cell.colspan11 {
  flex: 0 0 91.66666663%;
}
.flex-grid .row .cell.colspan12 {
  flex: 0 0 99.99999996%;
}
.flex-grid .row .cell.size1 {
  flex: 0 0 8.33333333%;
}
.flex-grid .row .cell.size2 {
  flex: 0 0 16.66666666%;
}
.flex-grid .row .cell.size3 {
  flex: 0 0 24.99999999%;
}
.flex-grid .row .cell.size4 {
  flex: 0 0 33.33333332%;
}
.flex-grid .row .cell.size5 {
  flex: 0 0 41.66666665%;
}
.flex-grid .row .cell.size6 {
  flex: 0 0 49.99999998%;
}
.flex-grid .row .cell.size7 {
  flex: 0 0 58.33333331%;
}
.flex-grid .row .cell.size8 {
  flex: 0 0 66.66666664%;
}
.flex-grid .row .cell.size9 {
  flex: 0 0 74.99999997%;
}
.flex-grid .row .cell.size10 {
  flex: 0 0 83.3333333%;
}
.flex-grid .row .cell.size11 {
  flex: 0 0 91.66666663%;
}
.flex-grid .row .cell.size12 {
  flex: 0 0 99.99999996%;
}
.flex-grid .row .cell.size-p10 {
  flex: 0 0 10%;
}
.flex-grid .row .cell.size-p20 {
  flex: 0 0 20%;
}
.flex-grid .row .cell.size-p30 {
  flex: 0 0 30%;
}
.flex-grid .row .cell.size-p40 {
  flex: 0 0 40%;
}
.flex-grid .row .cell.size-p50 {
  flex: 0 0 50%;
}
.flex-grid .row .cell.size-p60 {
  flex: 0 0 60%;
}
.flex-grid .row .cell.size-p70 {
  flex: 0 0 70%;
}
.flex-grid .row .cell.size-p80 {
  flex: 0 0 80%;
}
.flex-grid .row .cell.size-p90 {
  flex: 0 0 90%;
}
.flex-grid .row .cell.size-p100 {
  flex: 0 0 100%;
}
.flex-grid .row .cell.size-x100 {
  flex: 0 0 100px;
}
.flex-grid .row .cell.size-x200 {
  flex: 0 0 200px;
}
.flex-grid .row .cell.size-x300 {
  flex: 0 0 300px;
}
.flex-grid .row .cell.size-x400 {
  flex: 0 0 400px;
}
.flex-grid .row .cell.size-x500 {
  flex: 0 0 500px;
}
.flex-grid .row .cell.size-x600 {
  flex: 0 0 600px;
}
.flex-grid .row .cell.size-x700 {
  flex: 0 0 700px;
}
.flex-grid .row .cell.size-x800 {
  flex: 0 0 800px;
}
.flex-grid .row .cell.size-x900 {
  flex: 0 0 900px;
}
.flex-grid .row .cell.size-x1000 {
  flex: 0 0 1000px;
}
.flex-grid .row .cell.auto-size {
  flex: 1 auto;
}
.table {
  width: 100%;
  margin: .625rem 0;
}
.table th,
.table td {
  padding: 0.625rem;
}
.table thead {
  border-bottom: 4px solid #999999;
}
.table thead th,
.table thead td {
  cursor: default;
  color: #52677a;
  border-color: transparent;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.table tfoot {
  border-top: 4px solid #999999;
}
.table tfoot th,
.table tfoot td {
  cursor: default;
  color: #52677a;
  border-color: transparent;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.table tbody td {
  padding: 0.625rem 0.85rem;
}
.table .sortable-column {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.table .sortable-column:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  left: 100%;
  margin-left: -20px;
  top: 50%;
  margin-top: -0.5rem;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
}
.table .sortable-column.sort-asc,
.table .sortable-column.sort-desc {
  background-color: #eeeeee;
}
.table .sortable-column.sort-asc:after,
.table .sortable-column.sort-desc:after {
  color: #1d1d1d;
}
.table .sortable-column.sort-asc:after {
  content: "\2191";
}
.table .sortable-column.sort-desc:after {
  content: "\2193";
}
.table.sortable-markers-on-left .sortable-column {
  padding-left: 30px;
}
.table.sortable-markers-on-left .sortable-column:before,
.table.sortable-markers-on-left .sortable-column:after {
  left: 0;
  margin-left: 10px;
}
.table tr.selected td {
  background-color: rgba(28, 183, 236, 0.1);
}
.table td.selected {
  background-color: rgba(28, 183, 236, 0.3);
}
.table.striped tbody tr:nth-child(odd) {
  background: #eeeeee;
}
.table.hovered tbody tr:hover {
  background-color: rgba(28, 183, 236, 0.1);
}
.table.cell-hovered tbody td:hover {
  background-color: rgba(28, 183, 236, 0.3);
}
.table.border {
  border: 1px #999999 solid;
}
.table.bordered th,
.table.bordered td {
  border: 1px #999999 solid;
}
.table.bordered thead tr:first-child th,
.table.bordered thead tr:first-child td {
  border-top: none;
}
.table.bordered thead tr:first-child th:first-child,
.table.bordered thead tr:first-child td:first-child {
  border-left: none;
}
.table.bordered thead tr:first-child th:last-child,
.table.bordered thead tr:first-child td:last-child {
  border-right: none;
}
.table.bordered tbody tr:first-child td {
  border-top: none;
}
.table.bordered tbody tr td:first-child {
  border-left: none;
}
.table.bordered tbody tr td:last-child {
  border-right: none;
}
.table.bordered tbody tr:last-child td {
  border-bottom: none;
}
.table .condensed th,
.table .condensed td {
  padding: .3125rem;
}
.table .super-condensed th,
.table .super-condensed td {
  padding: .125rem;
}
.table tbody tr.error {
  background-color: #CE352C;
  color: #ffffff;
}
.table tbody tr.error:hover {
  background-color: #da5a53;
}
.table tbody tr.warning {
  background-color: #fa6800;
  color: #ffffff;
}
.table tbody tr.warning:hover {
  background-color: #ffc194;
}
.table tbody tr.success {
  background-color: #60a917;
  color: #ffffff;
}
.table tbody tr.success:hover {
  background-color: #7ad61d;
}
.table tbody tr.info {
  background-color: #1ba1e2;
  color: #ffffff;
}
.table tbody tr.info:hover {
  background-color: #59cde2;
}
.app-bar {
  display: block;
  width: 100%;
  position: relative;
  background-color: #0072C6;
  color: #ffffff;
  height: 3.125rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.app-bar:before,
.app-bar:after {
  display: table;
  content: "";
}
.app-bar:after {
  clear: both;
}
.app-bar .app-bar-element {
  line-height: 3.125rem;
  padding: 0 .625rem;
  font-size: 1rem;
  cursor: pointer;
  color: inherit;
  display: block;
  float: left;
  position: relative;
  vertical-align: middle;
  height: 3.125rem;
}
.app-bar .app-bar-element:hover,
.app-bar .app-bar-element:active {
  background-color: #005696;
}
.app-bar .app-bar-element.branding {
  padding-left: 1rem;
  padding-right: 1rem;
}
.app-bar .app-bar-element .d-menu {
  top: 100%;
  border: 2px solid #005696;
}
.app-bar .app-bar-element .d-menu li:not(.disabled):hover {
  background-color: #eee;
}
.app-bar .app-bar-element .d-menu li:not(.disabled):hover > a {
  color: #1d1d1d;
}
.app-bar .app-bar-element .d-menu .d-menu {
  top: -0.625rem;
  left: 100%;
}
.app-bar .app-bar-element .d-menu .dropdown-toggle:before {
  border-color: #1d1d1d;
}
.app-bar .app-bar-divider {
  display: block;
  float: left;
  line-height: 3.125rem;
  height: 3.125rem;
  width: 1px;
  background-color: #4C9CD7;
  padding: 0;
}
.app-bar .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar .app-bar-menu {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.app-bar .app-bar-menu > li,
.app-bar .app-bar-menu > li > a {
  line-height: 3.125rem;
  padding: 0 .625rem;
  font-size: 1rem;
  cursor: pointer;
  color: inherit;
  display: block;
  float: left;
  position: relative;
  vertical-align: middle;
  height: 3.125rem;
}
.app-bar .app-bar-menu > li:hover,
.app-bar .app-bar-menu > li > a:hover,
.app-bar .app-bar-menu > li:active,
.app-bar .app-bar-menu > li > a:active {
  background-color: #005696;
}
.app-bar .app-bar-menu > li.branding,
.app-bar .app-bar-menu > li > a.branding {
  padding-left: 1rem;
  padding-right: 1rem;
}
.app-bar .app-bar-menu > li .d-menu,
.app-bar .app-bar-menu > li > a .d-menu {
  top: 100%;
  border: 2px solid #005696;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover,
.app-bar .app-bar-menu > li > a .d-menu li:not(.disabled):hover {
  background-color: #eee;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover > a,
.app-bar .app-bar-menu > li > a .d-menu li:not(.disabled):hover > a {
  color: #1d1d1d;
}
.app-bar .app-bar-menu > li .d-menu .d-menu,
.app-bar .app-bar-menu > li > a .d-menu .d-menu {
  top: -0.625rem;
  left: 100%;
}
.app-bar .app-bar-menu > li .d-menu .dropdown-toggle:before,
.app-bar .app-bar-menu > li > a .d-menu .dropdown-toggle:before {
  border-color: #1d1d1d;
}
.app-bar .app-bar-menu > li:before,
.app-bar .app-bar-menu > li > a:before,
.app-bar .app-bar-menu > li:after,
.app-bar .app-bar-menu > li > a:after {
  display: table;
  content: "";
}
.app-bar .app-bar-menu > li:after,
.app-bar .app-bar-menu > li > a:after {
  clear: both;
}
.app-bar .app-bar-menu > li > .input-control.text,
.app-bar .app-bar-menu > li > a > .input-control.text,
.app-bar .app-bar-menu > li > .input-control.password,
.app-bar .app-bar-menu > li > a > .input-control.password {
  margin-top: .55rem;
  font-size: .875rem;
  line-height: 1.8rem;
  display: block;
}
.app-bar .app-bar-menu > li > .input-control.text input,
.app-bar .app-bar-menu > li > a > .input-control.text input,
.app-bar .app-bar-menu > li > .input-control.password input,
.app-bar .app-bar-menu > li > a > .input-control.password input {
  border-color: transparent;
}
.app-bar .app-bar-menu > li > .button,
.app-bar .app-bar-menu > li > a > .button {
  margin-top: -0.15rem;
}
.app-bar .app-bar-menu > li > .image-button,
.app-bar .app-bar-menu > li > a > .image-button {
  margin: 0;
  background-color: transparent;
  color: #ffffff;
  font-size: inherit;
}
.app-bar .app-bar-menu > li > .image-button img.icon,
.app-bar .app-bar-menu > li > a > .image-button img.icon {
  padding: 0;
}
.app-bar .app-bar-menu > li .dropdown-toggle:before,
.app-bar .app-bar-menu > li > a .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.app-bar .app-bar-menu > li .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu > li > a .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.app-bar .app-bar-menu > li .d-menu .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu > li > a .d-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
}
.app-bar .app-bar-menu > li.dropdown-toggle,
.app-bar .app-bar-menu > li > a.dropdown-toggle {
  padding-right: 1.5rem;
}
.app-bar .app-bar-menu > li.dropdown-toggle:before,
.app-bar .app-bar-menu > li > a.dropdown-toggle:before {
  border-color: #ffffff;
  display: block;
}
.app-bar .app-bar-menu > li {
  padding: 0;
}
.app-bar .app-bar-menu > li .d-menu {
  top: 100%;
  border: 2px solid #005696;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover {
  background-color: #eee;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover > a {
  color: #1d1d1d;
}
.app-bar .app-bar-menu > li .d-menu .d-menu {
  top: -0.625rem;
  left: 100%;
}
.app-bar .app-bar-menu > li .d-menu .dropdown-toggle:before {
  border-color: #1d1d1d;
}
.app-bar .app-bar-menu.small-dropdown .d-menu li > a {
  font-size: .8em;
  padding: .325rem 1.2rem .325rem 1.8rem;
}
.app-bar .app-bar-pullbutton {
  float: right;
}
.app-bar .app-bar-pullbutton.automatic {
  display: none;
  float: right;
  color: #fff;
  cursor: pointer;
  font: 2rem sans-serif;
  height: 3.125rem;
  width: 3.125rem;
  line-height: 1.25rem;
  vertical-align: middle;
  text-align: center;
  margin: 0;
}
.app-bar .app-bar-pullbutton.automatic:before {
  content: "\2261";
  position: absolute;
  top: .875rem;
  left: .875rem;
}
.app-bar .app-bar-drop-container {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 10px;
  border: 2px solid #005696;
  background: #ffffff;
}
.app-bar .app-bar-drop-container:before {
  content: '';
  position: absolute;
  background-color: #ffffff;
  width: 10px;
  height: 10px;
  border: 2px #005696 solid;
  top: 1px;
  left: 1rem;
  margin: -8px 0;
  border-bottom: none;
  border-right: none;
  transform: rotate(45deg);
}
.app-bar .app-bar-drop-container:before {
  z-index: 0;
}
.app-bar .app-bar-drop-container.place-right {
  right: 0;
  left: auto;
}
.app-bar .app-bar-drop-container.place-right:before {
  left: auto;
  right: 1rem;
}
.app-bar .app-bar-element:before,
.app-bar .app-bar-element:after {
  display: table;
  content: "";
}
.app-bar .app-bar-element:after {
  clear: both;
}
.app-bar .app-bar-element > .input-control.text,
.app-bar .app-bar-element > .input-control.password {
  margin-top: .55rem;
  font-size: .875rem;
  line-height: 1.8rem;
  display: block;
}
.app-bar .app-bar-element > .input-control.text input,
.app-bar .app-bar-element > .input-control.password input {
  border-color: transparent;
}
.app-bar .app-bar-element > .button {
  margin-top: -0.15rem;
}
.app-bar .app-bar-element > .image-button {
  margin: 0;
  background-color: transparent;
  color: #ffffff;
  font-size: inherit;
}
.app-bar .app-bar-element > .image-button img.icon {
  padding: 0;
}
.app-bar.drop-up .app-bar-drop-container {
  top: auto;
  bottom: 3.75rem;
}
.app-bar.drop-up .app-bar-drop-container:before {
  top: auto;
  bottom: 1px;
  transform: rotate(225deg);
}
.app-bar.drop-up .app-bar-menu > li > .d-menu {
  top: auto;
  bottom: 3.125rem;
}
.app-bar.drop-up .app-bar-element > .d-menu {
  top: auto;
  bottom: 3.125rem;
}
.app-bar.drop-up .app-bar-menu li .d-menu .d-menu,
.app-bar.drop-up .app-bar-element .d-menu .d-menu {
  top: auto ;
  bottom: 0;
}
.app-bar .app-bar-element .dropdown-toggle:before,
.app-bar .app-bar-menu .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.app-bar .app-bar-element .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.app-bar .app-bar-element .d-menu .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu .d-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
}
.app-bar.fixed-top,
.app-bar.fixed-bottom {
  z-index: 1030;
  position: fixed;
}
.app-bar.fixed-top {
  top: 0;
}
.app-bar.fixed-bottom {
  bottom: 0;
}
.app-bar {
  overflow: visible;
  height: auto;
}
.app-bar .app-bar-pullbutton {
  line-height: 3.125rem;
  padding: 0 .625rem;
  font-size: 1rem;
  cursor: pointer;
  color: inherit;
  display: block;
  float: left;
  position: relative;
  vertical-align: middle;
  height: 3.125rem;
  float: right;
}
.app-bar .app-bar-pullbutton:hover,
.app-bar .app-bar-pullbutton:active {
  background-color: #005696;
}
.app-bar .app-bar-pullbutton.branding {
  padding-left: 1rem;
  padding-right: 1rem;
}
.app-bar .app-bar-pullbutton .d-menu {
  top: 100%;
  border: 2px solid #005696;
}
.app-bar .app-bar-pullbutton .d-menu li:not(.disabled):hover {
  background-color: #eee;
}
.app-bar .app-bar-pullbutton .d-menu li:not(.disabled):hover > a {
  color: #1d1d1d;
}
.app-bar .app-bar-pullbutton .d-menu .d-menu {
  top: -0.625rem;
  left: 100%;
}
.app-bar .app-bar-pullbutton .d-menu .dropdown-toggle:before {
  border-color: #1d1d1d;
}
.app-bar .app-bar-pullbutton:before,
.app-bar .app-bar-pullbutton:after {
  display: table;
  content: "";
}
.app-bar .app-bar-pullbutton:after {
  clear: both;
}
.app-bar .app-bar-pullbutton > .input-control.text,
.app-bar .app-bar-pullbutton > .input-control.password {
  margin-top: .55rem;
  font-size: .875rem;
  line-height: 1.8rem;
  display: block;
}
.app-bar .app-bar-pullbutton > .input-control.text input,
.app-bar .app-bar-pullbutton > .input-control.password input {
  border-color: transparent;
}
.app-bar .app-bar-pullbutton > .button {
  margin-top: -0.15rem;
}
.app-bar .app-bar-pullbutton > .image-button {
  margin: 0;
  background-color: transparent;
  color: #ffffff;
  font-size: inherit;
}
.app-bar .app-bar-pullbutton > .image-button img.icon {
  padding: 0;
}
.app-bar .app-bar-pullbutton .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.app-bar .app-bar-pullbutton .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.app-bar .app-bar-pullbutton .d-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
}
.app-bar .app-bar-pullbutton {
  display: none;
}
.app-bar .app-bar-pullmenu {
  display: none;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 {
  position: absolute;
  right: 0;
  z-index: 1000;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .app-bar-pullmenubar {
  float: right;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .dropdown-toggle:before {
  border-color: #323232;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li:hover {
  background-color: #0072C6;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li .input-control {
  text-align: center;
  display: block;
  margin: 0.325rem;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li:hover a {
  background-color: #0072C6;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li li:not(:hover) {
  color: #1d1d1d;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li li:not(:hover) a {
  background-color: #ffffff;
}
.app-bar .app-bar-pullmenu .app-bar-menu {
  width: 100%;
  border-top: 1px solid #4C9CD7;
  position: relative;
  float: none;
  display: none;
  z-index: 1000 1;
  background-color: #005696;
  clear: both;
}
.app-bar .app-bar-pullmenu .app-bar-menu > li,
.app-bar .app-bar-pullmenu .app-bar-menu > li > a {
  float: none;
}
.app-bar .app-bar-pullmenu .app-bar-menu > li {
  height: auto;
}
.app-bar .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #0072C6;
}
.app-bar .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #0072C6;
  color: #ffffff;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu {
  border: 0;
  border-top: 1px solid #4C9CD7;
  clear: both;
  float: none;
  width: 100%;
  position: relative;
  left: 0;
  box-shadow: none;
  max-width: 100%;
  background-color: #005696;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu li {
  width: 100%;
  background-color: inherit;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu li a {
  padding-left: 20px;
  padding-right: 0;
  background-color: inherit;
  width: 100%;
  color: #ffffff;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .dropdown-toggle:before {
  border-color: #ffffff;
  transform: rotate(-45deg);
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .divider {
  background-color: #4C9CD7;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .d-menu {
  top: 0;
  left: 0;
}
.app-bar > .container {
  padding: 0 !important;
}
.h-menu li:hover > .dropdown-toggle:before,
.v-menu li:hover > .dropdown-toggle:before,
.d-menu li:hover > .dropdown-toggle:before,
.m-menu li:hover > .dropdown-toggle:before {
  border-color: #ffffff;
}
.h-menu {
  text-align: left;
  display: block;
  height: auto;
  list-style: none inside none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border-collapse: separate;
}
.h-menu:before,
.h-menu:after {
  display: table;
  content: "";
}
.h-menu:after {
  clear: both;
}
.h-menu > li {
  display: block;
  float: left;
  position: relative;
}
.h-menu > li:hover {
  background-color: #59cde2;
  color: #ffffff;
}
.h-menu > li:hover > a {
  color: #ffffff;
}
.h-menu > li.no-hovered {
  background-color: inherit;
  color: inherit;
}
.h-menu > li:first-child {
  margin-left: 0;
}
.h-menu > li > a {
  display: block;
  float: left;
  position: relative;
  font-weight: normal;
  color: #727272;
  font-size: .875rem;
  outline: none;
  text-decoration: none;
  padding: 1.125rem 1.625rem;
  border: none;
}
.h-menu > li > a:hover {
  background-color: #59cde2;
  color: #ffffff;
}
.h-menu > li .input-control,
.h-menu > li .button {
  margin-top: 10px;
}
.h-menu > li.active a {
  background-color: #59cde2;
  color: #ffffff;
}
.h-menu > li > .d-menu {
  left: 0;
  top: 100%;
}
.h-menu .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.h-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.f-menu {
  text-align: left;
  display: block;
  height: auto;
  list-style: none inside none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border-collapse: separate;
  display: flex;
}
.f-menu li:hover > .dropdown-toggle:before {
  border-color: #ffffff;
}
.f-menu:before,
.f-menu:after {
  display: table;
  content: "";
}
.f-menu:after {
  clear: both;
}
.f-menu > li {
  display: block;
  float: left;
  position: relative;
}
.f-menu > li:hover {
  background-color: #59cde2;
  color: #ffffff;
}
.f-menu > li:hover > a {
  color: #ffffff;
}
.f-menu > li.no-hovered {
  background-color: inherit;
  color: inherit;
}
.f-menu > li:first-child {
  margin-left: 0;
}
.f-menu > li > a {
  display: block;
  float: left;
  position: relative;
  font-weight: normal;
  color: #727272;
  font-size: .875rem;
  outline: none;
  text-decoration: none;
  padding: 1.125rem 1.625rem;
  border: none;
}
.f-menu > li > a:hover {
  background-color: #59cde2;
  color: #ffffff;
}
.f-menu > li .input-control,
.f-menu > li .button {
  margin-top: 10px;
}
.f-menu > li.active a {
  background-color: #59cde2;
  color: #ffffff;
}
.f-menu > li > .d-menu {
  left: 0;
  top: 100%;
}
.f-menu .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.f-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.f-menu > li > .d-menu {
  left: auto;
}
.f-menu > li {
  text-align: center;
  flex: 1 auto;
}
.f-menu > li a {
  text-align: center;
  width: 100%;
}
.f-menu > li .d-menu {
  width: 100%;
  max-width: none;
}
.f-menu > li .d-menu li {
  width: 100%;
}
.f-menu > li .d-menu li a {
  width: 100%;
  min-width: 0;
  padding: .75rem 0;
}
.f-menu .d-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
}
.f-menu.default-dropdown > li .d-menu {
  width: auto;
  min-width: 12.5rem;
}
.f-menu.default-dropdown > li .d-menu a {
  text-align: left;
  padding: .75rem 2rem .75rem 2.5rem;
}
.v-menu {
  text-align: left;
  background: #ffffff;
  max-width: 15.625rem;
  list-style: none inside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  float: left;
}
.v-menu li {
  display: block;
  float: none;
  position: relative;
}
.v-menu li:before,
.v-menu li:after {
  display: table;
  content: "";
}
.v-menu li:after {
  clear: both;
}
.v-menu li a {
  color: #727272;
  font-size: .875rem;
  display: block;
  float: none;
  padding: .75rem 2rem .75rem 2.5rem;
  text-decoration: none;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
  min-width: 12.5rem;
  border: none;
}
.v-menu li a img,
.v-menu li a .icon {
  position: absolute;
  left: .875rem;
  top: 50%;
  margin-top: -0.5625rem;
  color: #262626;
  max-height: 1.125rem;
  font-size: 1.125rem;
  display: inline-block;
  margin-right: .3125rem;
  vertical-align: middle;
  text-align: center;
}
.v-menu li.active {
  border-left: 2px solid;
  border-color: #1ba1e2;
}
.v-menu li.active > a {
  background-color: #59cde2;
  color: #ffffff;
  font-weight: bold;
}
.v-menu li:hover {
  text-decoration: none;
  background: #59cde2;
}
.v-menu li:hover > a,
.v-menu li:hover .icon {
  color: #ffffff;
}
.v-menu li a[data-hotkey] {
  padding-right: 3.2rem;
}
.v-menu li a[data-hotkey]:after {
  content: attr(data-hotkey);
  position: absolute;
  right: 1.2rem;
  width: auto;
  font-size: .8em;
}
.v-menu .divider {
  padding: 0;
  height: 1px;
  margin: 0 1px;
  overflow: hidden;
  background-color: #f2f2f2;
}
.v-menu .divider:hover {
  background-color: #f2f2f2;
}
.v-menu.subdown .d-menu {
  min-width: 0;
  position: relative;
  width: 100%;
  left: 0 ;
  right: 0 ;
  top: 100%;
  box-shadow: none;
}
.v-menu .item-block {
  display: block;
  padding: .625rem;
  background-color: #eeeeee;
}
.v-menu .d-menu {
  left: 100%;
  top: -10%;
}
.v-menu .menu-title {
  background-color: #f6f7f8;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 8px;
  border: 0;
  color: #646464;
}
.v-menu .menu-title:first-child {
  margin: 0;
  border-top-width: 0;
}
.v-menu .menu-title:first-child:hover {
  border-top-width: 0;
}
.v-menu .menu-title:hover {
  background-color: #f6f7f8;
  cursor: default;
  border: 0;
}
.v-menu .dropdown-toggle:before {
  transform: rotate(-135deg);
  margin-top: -2px;
}
.v-menu .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.v-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
  transition: all 0.3s ease;
}
.v-menu.subdown .dropdown-toggle:before {
  transform: rotate(-45deg);
  margin-left: -1.25rem;
}
.v-menu.subdown .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
}
.v-menu li.disabled a {
  color: #eeeeee;
}
.v-menu li.disabled:hover {
  background-color: inherit;
  cursor: default;
  border: 0;
}
.v-menu li.disabled:hover a {
  cursor: inherit;
}
.d-menu {
  text-align: left;
  background: #ffffff;
  max-width: 15.625rem;
  list-style: none inside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  float: left;
  border-collapse: separate;
  position: absolute;
  display: none;
  z-index: 1000;
  left: 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.d-menu li:hover > .dropdown-toggle:before {
  border-color: #ffffff;
}
.d-menu li {
  display: block;
  float: none;
  position: relative;
}
.d-menu li:before,
.d-menu li:after {
  display: table;
  content: "";
}
.d-menu li:after {
  clear: both;
}
.d-menu li a {
  color: #727272;
  font-size: .875rem;
  display: block;
  float: none;
  padding: .75rem 2rem .75rem 2.5rem;
  text-decoration: none;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
  min-width: 12.5rem;
  border: none;
}
.d-menu li a img,
.d-menu li a .icon {
  position: absolute;
  left: .875rem;
  top: 50%;
  margin-top: -0.5625rem;
  color: #262626;
  max-height: 1.125rem;
  font-size: 1.125rem;
  display: inline-block;
  margin-right: .3125rem;
  vertical-align: middle;
  text-align: center;
}
.d-menu li.active {
  border-left: 2px solid;
  border-color: #1ba1e2;
}
.d-menu li.active > a {
  background-color: #59cde2;
  color: #ffffff;
  font-weight: bold;
}
.d-menu li:hover {
  text-decoration: none;
  background: #59cde2;
}
.d-menu li:hover > a,
.d-menu li:hover .icon {
  color: #ffffff;
}
.d-menu li a[data-hotkey] {
  padding-right: 3.2rem;
}
.d-menu li a[data-hotkey]:after {
  content: attr(data-hotkey);
  position: absolute;
  right: 1.2rem;
  width: auto;
  font-size: .8em;
}
.d-menu .divider {
  padding: 0;
  height: 1px;
  margin: 0 1px;
  overflow: hidden;
  background-color: #f2f2f2;
}
.d-menu .divider:hover {
  background-color: #f2f2f2;
}
.d-menu.subdown .d-menu {
  min-width: 0;
  position: relative;
  width: 100%;
  left: 0 ;
  right: 0 ;
  top: 100%;
  box-shadow: none;
}
.d-menu .item-block {
  display: block;
  padding: .625rem;
  background-color: #eeeeee;
}
.d-menu .d-menu {
  left: 100%;
  top: -10%;
}
.d-menu .menu-title {
  background-color: #f6f7f8;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 8px;
  border: 0;
  color: #646464;
}
.d-menu .menu-title:first-child {
  margin: 0;
  border-top-width: 0;
}
.d-menu .menu-title:first-child:hover {
  border-top-width: 0;
}
.d-menu .menu-title:hover {
  background-color: #f6f7f8;
  cursor: default;
  border: 0;
}
.d-menu .dropdown-toggle:before {
  transform: rotate(-135deg);
  margin-top: -2px;
}
.d-menu .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.d-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
  transition: all 0.3s ease;
}
.d-menu.subdown .dropdown-toggle:before {
  transform: rotate(-45deg);
  margin-left: -1.25rem;
}
.d-menu.subdown .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
}
.d-menu li.disabled a {
  color: #eeeeee;
}
.d-menu li.disabled:hover {
  background-color: inherit;
  cursor: default;
  border: 0;
}
.d-menu li.disabled:hover a {
  cursor: inherit;
}
.d-menu.context li a {
  font-size: .75rem;
  padding: .3125rem 2rem .3125rem 2.5rem;
}
.d-menu.context li a .icon {
  margin-top: -0.4375rem;
  font-size: .825rem;
  color: inherit;
}
.d-menu.no-min-size li a {
  min-width: 0;
}
.d-menu.full-size li a {
  min-width: 0;
  width: 100%;
}
.d-menu .d-menu {
  left: 100%;
  top: -10%;
}
.d-menu.open {
  display: block ;
}
.d-menu.drop-left {
  left: -100%;
}
.d-menu.drop-up {
  top: auto;
  bottom: 0;
}
.d-menu.context li a {
  font-size: .75rem;
  padding: .3125rem 2rem .3125rem 2.5rem;
}
.d-menu.context li a .icon {
  margin-top: -0.4375rem;
}
.d-menu.place-right {
  left: auto ;
  right: 0;
  width: auto;
}
.h-menu,
.v-menu,
.d-menu {
  border-collapse: separate;
}
.m-menu {
  border-collapse: separate;
  text-align: left;
  display: block;
  height: auto ;
  position: relative;
  background-color: #ffffff;
  color: #1d1d1d;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  list-style: none inside none;
  margin: 0;
  padding: 0;
}
.m-menu:before,
.m-menu:after {
  display: table;
  content: "";
}
.m-menu:after {
  clear: both;
}
.m-menu > li,
.m-menu .m-menu-item {
  display: block;
  float: left;
  background-color: #ffffff;
}
.m-menu > li:hover,
.m-menu .m-menu-item:hover {
  background-color: #59cde2;
}
.m-menu > li:hover > a,
.m-menu .m-menu-item:hover > a {
  color: #ffffff;
}
.m-menu > li.no-hovered,
.m-menu .m-menu-item.no-hovered {
  background-color: inherit;
  color: inherit;
}
.m-menu > li:first-child,
.m-menu .m-menu-item:first-child {
  margin-left: 0;
}
.m-menu > li > a,
.m-menu .m-menu-item > a {
  display: block;
  float: left;
  position: relative;
  font-weight: normal;
  color: inherit;
  font-size: .875rem;
  outline: none;
  text-decoration: none;
  padding: 1rem 1.625rem;
  border: none;
}
.m-menu > li > a:hover,
.m-menu .m-menu-item > a:hover {
  background-color: inherit;
}
.m-menu > li > a.dropdown-toggle,
.m-menu .m-menu-item > a.dropdown-toggle {
  padding: 1rem 1.625rem 1rem 1.125rem;
}
.m-menu > li.active-container,
.m-menu .m-menu-item.active-container {
  background-color: #59cde2;
}
.m-menu > li.active-container a,
.m-menu .m-menu-item.active-container a {
  color: #ffffff;
}
.m-menu > li.active-container a.dropdown-toggle:before,
.m-menu .m-menu-item.active-container a.dropdown-toggle:before {
  border-color: #ffffff;
}
.m-menu > li .d-menu,
.m-menu .m-menu-item .d-menu {
  left: 0;
  top: 100%;
}
.m-menu .m-menu-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: .3125rem;
  font-size: .75rem;
  z-index: 1000;
  background-color: inherit;
}
.m-menu .m-menu-container li,
.m-menu .m-menu-container a {
  color: #ffffff;
}
.m-menu .m-menu-container a {
  text-decoration: underline;
}
.m-menu .m-menu-container li:hover > a,
.m-menu .m-menu-container li.active > a {
  text-decoration: none;
}
.m-menu .m-menu-container {
  display: none;
}
.m-menu .m-menu-container.open {
  display: block;
}
.m-menu > li .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.m-menu > li .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.v-menu.context li a,
.d-menu.context li a {
  font-size: .75rem;
  padding: .3125rem 2rem .3125rem 2.5rem;
}
.v-menu.context li a .icon,
.d-menu.context li a .icon {
  margin-top: -0.4375rem;
  font-size: .825rem;
  color: inherit;
}
.v-menu.no-min-size li a,
.d-menu.no-min-size li a {
  min-width: 0;
}
.v-menu.full-size li a,
.d-menu.full-size li a {
  min-width: 0;
  width: 100%;
}
.horizontal-menu {
  display: block;
  width: 100%;
  color: #1d1d1d;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none inside none;
}
.horizontal-menu:before,
.horizontal-menu:after {
  display: table;
  content: "";
}
.horizontal-menu:after {
  clear: both;
}
.horizontal-menu > li {
  display: block;
  float: left;
  color: inherit;
  background-color: inherit;
  position: relative;
}
.horizontal-menu > li > a {
  position: relative;
  display: block;
  float: left;
  font-size: 1.4rem;
  color: inherit;
  background-color: inherit;
  padding: .625rem 1.625rem;
  line-height: 1.4rem;
}
.horizontal-menu > li > .d-menu {
  left: 0;
  top: 100%;
}
.horizontal-menu.compact > li > a {
  font-size: .9rem;
  line-height: .9rem;
}
.horizontal-menu .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.horizontal-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.horizontal-menu .d-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
}
.vertical-menu {
  display: block;
  width: 100%;
  color: #1d1d1d;
  padding: 0;
  margin: 0;
  list-style: none inside none;
  position: relative;
  width: auto;
  float: left;
}
.vertical-menu:before,
.vertical-menu:after {
  display: table;
  content: "";
}
.vertical-menu:after {
  clear: both;
}
.vertical-menu > li {
  display: block;
  float: left;
  color: inherit;
  background-color: inherit;
  position: relative;
}
.vertical-menu > li > a {
  position: relative;
  display: block;
  float: left;
  font-size: 1.4rem;
  color: inherit;
  background-color: inherit;
  padding: .625rem 1.625rem;
  line-height: 1.4rem;
}
.vertical-menu > li > .d-menu {
  left: 0;
  top: 100%;
}
.vertical-menu.compact > li > a {
  font-size: .9rem;
  line-height: .9rem;
}
.vertical-menu .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.vertical-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.vertical-menu .d-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
}
.vertical-menu > li > .d-menu {
  left: auto;
}
.vertical-menu > li {
  float: none;
}
.vertical-menu > li > a {
  float: none;
}
.vertical-menu > li > .d-menu {
  left: 100%;
  top: 0;
}
.vertical-menu.compact > li > a {
  padding-top: .325rem;
  padding-bottom: .325rem;
}
.vertical-menu .dropdown-toggle:before {
  margin-top: -2px;
  transform: rotate(-135deg);
}
.vertical-menu .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.vertical-menu .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
  transition: all 0.3s ease;
}
.t-menu {
  list-style: none inside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  float: left;
  background-color: #ffffff;
  border-collapse: separate;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.t-menu > li {
  position: relative;
}
.t-menu > li > a {
  display: block;
  padding: 1rem 1.2rem;
  border-bottom: 1px #eeeeee solid;
  position: relative;
}
.t-menu > li > a .icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.t-menu > li:hover > a {
  background-color: #1ba1e2;
  color: #ffffff;
}
.t-menu > li:last-child a {
  border-bottom: 0;
}
.t-menu.compact > li > a {
  padding: .5rem .7rem;
}
.t-menu.compact > li > a .icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.t-menu li .t-menu {
  position: absolute;
  left: 100%;
  margin-left: .3125rem ;
  top: 0;
  float: none;
}
.t-menu li .t-menu > li {
  float: left;
  display: block;
}
.t-menu li .t-menu > li > a {
  float: left;
  display: block;
}
.t-menu .t-menu.horizontal .t-menu {
  left: 0 ;
  top: 100% ;
  margin-top: .3125rem ;
  margin-left: 0 ;
}
.t-menu .dropdown-toggle:after {
  content: "";
  background-color: transparent;
  position: absolute;
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent #1ba1e2 transparent;
  transform: rotate(0);
}
.t-menu .dropdown-toggle:before {
  display: none;
}
.t-menu > li:hover > .dropdown-toggle:after {
  border-color: transparent transparent #1B6EAE transparent;
}
.t-menu.horizontal {
  list-style: none inside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  float: left;
  background-color: #ffffff;
  border-collapse: separate;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.t-menu.horizontal > li {
  position: relative;
}
.t-menu.horizontal > li > a {
  display: block;
  padding: 1rem 1.2rem;
  border-bottom: 1px #eeeeee solid;
  position: relative;
}
.t-menu.horizontal > li > a .icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.t-menu.horizontal > li:hover > a {
  background-color: #1ba1e2;
  color: #ffffff;
}
.t-menu.horizontal > li:last-child a {
  border-bottom: 0;
}
.t-menu.horizontal.compact > li > a {
  padding: .5rem .7rem;
}
.t-menu.horizontal.compact > li > a .icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.t-menu.horizontal li .t-menu {
  position: absolute;
  left: 100%;
  margin-left: .3125rem ;
  top: 0;
  float: none;
}
.t-menu.horizontal li .t-menu > li {
  float: left;
  display: block;
}
.t-menu.horizontal li .t-menu > li > a {
  float: left;
  display: block;
}
.t-menu.horizontal .t-menu.horizontal .t-menu {
  left: 0 ;
  top: 100% ;
  margin-top: .3125rem ;
  margin-left: 0 ;
}
.t-menu.horizontal .dropdown-toggle:after {
  content: "";
  background-color: transparent;
  position: absolute;
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent #1ba1e2 transparent;
  transform: rotate(0);
}
.t-menu.horizontal .dropdown-toggle:before {
  display: none;
}
.t-menu.horizontal > li:hover > .dropdown-toggle:after {
  border-color: transparent transparent #1B6EAE transparent;
}
.t-menu.horizontal > li {
  display: block;
  float: left;
}
.t-menu.horizontal > li > a {
  display: block;
  float: left;
  border-right: 1px #eeeeee solid;
  border-bottom: 0;
}
.t-menu.horizontal > li:last-child > a {
  border-right: 0;
}
.t-menu.horizontal .t-menu:not(.horizontal) {
  left: 0;
  top: 100% ;
  margin-top: .3125rem ;
  margin-left: 0 ;
}
.t-menu.horizontal .t-menu:not(.horizontal) .t-menu.horizontal {
  left: 100% ;
  margin-left: .3125rem ;
  top: 0 ;
  float: left;
}
.horizontal-menu > li > .d-menu,
.h-menu > li > .d-menu,
.m-menu > li > .d-menu {
  left: auto;
}
[data-role="dropdown"]:not(.open),
[data-role="dropdown"]:not(.keep-open) {
  display: none;
  position: absolute;
  z-index: 1000;
}
.button {
  padding: 0 1rem;
  height: 2.125rem;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
}
.button.default {
  background-color: #008287;
  color: #fff;
}
.button:hover {
  border-color: #787878;
}
.button:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
.button:focus {
  outline: 0;
}
.button:disabled,
.button.disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
.button * {
  color: inherit;
}
.button *:hover {
  color: inherit;
}
.button.rounded {
  border-radius: .325rem;
}
.button > [class*=mif-] {
  vertical-align: middle;
}
.button.button-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.button img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
.round-button,
.cycle-button,
.square-button {
  padding: 0 1rem;
  height: 2.125rem;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  width: 2.125rem;
  min-width: 2.125rem;
  padding: 0 ;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.round-button.default,
.cycle-button.default,
.square-button.default {
  background-color: #008287;
  color: #fff;
}
.round-button:hover,
.cycle-button:hover,
.square-button:hover {
  border-color: #787878;
}
.round-button:active,
.cycle-button:active,
.square-button:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
.round-button:focus,
.cycle-button:focus,
.square-button:focus {
  outline: 0;
}
.round-button:disabled,
.cycle-button:disabled,
.square-button:disabled,
.round-button.disabled,
.cycle-button.disabled,
.square-button.disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
.round-button *,
.cycle-button *,
.square-button * {
  color: inherit;
}
.round-button *:hover,
.cycle-button *:hover,
.square-button *:hover {
  color: inherit;
}
.round-button.rounded,
.cycle-button.rounded,
.square-button.rounded {
  border-radius: .325rem;
}
.round-button > [class*=mif-],
.cycle-button > [class*=mif-],
.square-button > [class*=mif-] {
  vertical-align: middle;
}
.round-button img,
.cycle-button img,
.square-button img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
.round-button.loading-pulse,
.cycle-button.loading-pulse,
.square-button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.round-button.loading-pulse:before,
.cycle-button.loading-pulse:before,
.square-button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.round-button.loading-pulse.lighten:before,
.cycle-button.loading-pulse.lighten:before,
.square-button.loading-pulse.lighten:before {
  background-color: #fff;
}
.round-button.loading-cube,
.cycle-button.loading-cube,
.square-button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.round-button.loading-cube:before,
.cycle-button.loading-cube:before,
.square-button.loading-cube:before,
.round-button.loading-cube:after,
.cycle-button.loading-cube:after,
.square-button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.round-button.loading-cube:after,
.cycle-button.loading-cube:after,
.square-button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.round-button.loading-cube.lighten:before,
.cycle-button.loading-cube.lighten:before,
.square-button.loading-cube.lighten:before,
.round-button.loading-cube.lighten:after,
.cycle-button.loading-cube.lighten:after,
.square-button.loading-cube.lighten:after {
  background-color: #fff;
}
.round-button.dropdown-toggle,
.cycle-button.dropdown-toggle,
.square-button.dropdown-toggle {
  padding-right: 1.625rem;
}
.round-button.dropdown-toggle.drop-marker-light:before,
.cycle-button.dropdown-toggle.drop-marker-light:before,
.square-button.dropdown-toggle.drop-marker-light:before,
.round-button.dropdown-toggle.drop-marker-light:after,
.cycle-button.dropdown-toggle.drop-marker-light:after,
.square-button.dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
.round-button.primary,
.cycle-button.primary,
.square-button.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.round-button.primary:active,
.cycle-button.primary:active,
.square-button.primary:active {
  background: #1B6EAE;
  color: #ffffff;
}
.round-button.success,
.cycle-button.success,
.square-button.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.round-button.success:active,
.cycle-button.success:active,
.square-button.success:active {
  background: #128023;
  color: #ffffff;
}
.round-button.danger,
.cycle-button.danger,
.square-button.danger,
.round-button.alert,
.cycle-button.alert,
.square-button.alert {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
.round-button.danger:active,
.cycle-button.danger:active,
.square-button.danger:active,
.round-button.alert:active,
.cycle-button.alert:active,
.square-button.alert:active {
  background: #9a1616;
  color: #ffffff;
}
.round-button.info,
.cycle-button.info,
.square-button.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.round-button.info:active,
.cycle-button.info:active,
.square-button.info:active {
  background: #1ba1e2;
  color: #ffffff;
}
.round-button.warning,
.cycle-button.warning,
.square-button.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.round-button.warning:active,
.cycle-button.warning:active,
.square-button.warning:active {
  background: #bf5a15;
  color: #ffffff;
}
.round-button.link,
.cycle-button.link,
.square-button.link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
.round-button.link:hover,
.cycle-button.link:hover,
.square-button.link:hover,
.round-button.link:active,
.cycle-button.link:active,
.square-button.link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
.square-button {
  border-radius: 0;
}
a.button,
a.round-button,
a.square-button {
  color: inherit;
}
a.button:hover,
a.round-button:hover,
a.square-button:hover {
  text-decoration: none;
}
.button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.button.loading-pulse.lighten:before {
  background-color: #fff;
}
.button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.button.loading-cube:before,
.button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.button.loading-cube.lighten:before,
.button.loading-cube.lighten:after {
  background-color: #fff;
}
.command-button {
  padding: 0 1rem;
  height: 2.125rem;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  height: auto;
  text-align: left;
  font-size: 1.325rem;
  padding-left: 4rem;
  padding-top: 8px;
  padding-bottom: 4px;
}
.command-button.default {
  background-color: #008287;
  color: #fff;
}
.command-button:hover {
  border-color: #787878;
}
.command-button:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
.command-button:focus {
  outline: 0;
}
.command-button:disabled,
.command-button.disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
.command-button * {
  color: inherit;
}
.command-button *:hover {
  color: inherit;
}
.command-button.rounded {
  border-radius: .325rem;
}
.command-button > [class*=mif-] {
  vertical-align: middle;
}
.command-button img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
.command-button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.command-button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.command-button.loading-pulse.lighten:before {
  background-color: #fff;
}
.command-button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.command-button.loading-cube:before,
.command-button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.command-button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.command-button.loading-cube.lighten:before,
.command-button.loading-cube.lighten:after {
  background-color: #fff;
}
.command-button.dropdown-toggle {
  padding-right: 1.625rem;
}
.command-button.dropdown-toggle.drop-marker-light:before,
.command-button.dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
.command-button.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.command-button.primary:active {
  background: #1B6EAE;
  color: #ffffff;
}
.command-button.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.command-button.success:active {
  background: #128023;
  color: #ffffff;
}
.command-button.danger,
.command-button.alert {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
.command-button.danger:active,
.command-button.alert:active {
  background: #9a1616;
  color: #ffffff;
}
.command-button.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.command-button.info:active {
  background: #1ba1e2;
  color: #ffffff;
}
.command-button.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.command-button.warning:active {
  background: #bf5a15;
  color: #ffffff;
}
.command-button.link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
.command-button.link:hover,
.command-button.link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
.command-button small {
  display: block;
  font-size: .8rem;
  line-height: 1.625rem;
  margin-top: -0.3125rem;
}
.command-button .icon {
  left: 1rem;
  top: 50%;
  margin-top: -1rem;
  position: absolute;
  font-size: 2rem;
  height: 2rem;
  width: 2rem;
  margin-right: .625rem;
}
.command-button.icon-right {
  padding-left: 1rem;
  padding-right: 4rem;
}
.command-button.icon-right .icon {
  left: auto;
  right: 0;
}
.image-button {
  padding: 0 1rem;
  height: 2.125rem;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  border: 0;
  padding-left: 2.75rem;
  background-color: #eeeeee;
}
.image-button.default {
  background-color: #008287;
  color: #fff;
}
.image-button:hover {
  border-color: #787878;
}
.image-button:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
.image-button:focus {
  outline: 0;
}
.image-button:disabled,
.image-button.disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
.image-button * {
  color: inherit;
}
.image-button *:hover {
  color: inherit;
}
.image-button.rounded {
  border-radius: .325rem;
}
.image-button > [class*=mif-] {
  vertical-align: middle;
}
.image-button img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
.image-button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.image-button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.image-button.loading-pulse.lighten:before {
  background-color: #fff;
}
.image-button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.image-button.loading-cube:before,
.image-button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.image-button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.image-button.loading-cube.lighten:before,
.image-button.loading-cube.lighten:after {
  background-color: #fff;
}
.image-button.dropdown-toggle {
  padding-right: 1.625rem;
}
.image-button.dropdown-toggle.drop-marker-light:before,
.image-button.dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
.image-button.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.image-button.primary:active {
  background: #1B6EAE;
  color: #ffffff;
}
.image-button.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.image-button.success:active {
  background: #128023;
  color: #ffffff;
}
.image-button.danger,
.image-button.alert {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
.image-button.danger:active,
.image-button.alert:active {
  background: #9a1616;
  color: #ffffff;
}
.image-button.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.image-button.info:active {
  background: #1ba1e2;
  color: #ffffff;
}
.image-button.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.image-button.warning:active {
  background: #bf5a15;
  color: #ffffff;
}
.image-button.link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
.image-button.link:hover,
.image-button.link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
.image-button:active {
  background-color: #e1e1e1;
}
.image-button .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 2.125rem;
  padding: .525rem;
  font-size: 1rem;
  background-color: #999999;
  text-align: center;
  vertical-align: middle;
}
.image-button img.icon {
  padding-top: .525rem;
}
.image-button.icon-right {
  padding-left: 1rem;
  padding-right: 2.75rem;
}
.image-button.icon-right .icon {
  right: 0;
  left: auto;
}
a.image-button {
  padding-top: .525rem;
}
.image-button {
  line-height: 100%;
}
.image-button.small-button {
  padding-left: 2rem;
  padding-right: 1rem;
}
.image-button.small-button .icon {
  width: 1.625rem;
  font-size: .875rem;
  height: 100%;
  padding: .4rem;
}
.image-button.small-button.icon-right {
  padding-left: .625rem;
  padding-right: 2rem;
}
.shortcut-button {
  padding: 0 1rem;
  height: 2.125rem;
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  width: 5.75rem;
  height: 5.75rem;
  text-align: center;
  font-size: .75rem;
}
.shortcut-button.default {
  background-color: #008287;
  color: #fff;
}
.shortcut-button:hover {
  border-color: #787878;
}
.shortcut-button:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
.shortcut-button:focus {
  outline: 0;
}
.shortcut-button:disabled,
.shortcut-button.disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
.shortcut-button * {
  color: inherit;
}
.shortcut-button *:hover {
  color: inherit;
}
.shortcut-button.rounded {
  border-radius: .325rem;
}
.shortcut-button > [class*=mif-] {
  vertical-align: middle;
}
.shortcut-button img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
.shortcut-button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.shortcut-button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.shortcut-button.loading-pulse.lighten:before {
  background-color: #fff;
}
.shortcut-button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.shortcut-button.loading-cube:before,
.shortcut-button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.shortcut-button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.shortcut-button.loading-cube.lighten:before,
.shortcut-button.loading-cube.lighten:after {
  background-color: #fff;
}
.shortcut-button.dropdown-toggle {
  padding-right: 1.625rem;
}
.shortcut-button.dropdown-toggle.drop-marker-light:before,
.shortcut-button.dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
.shortcut-button.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.shortcut-button.primary:active {
  background: #1B6EAE;
  color: #ffffff;
}
.shortcut-button.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.shortcut-button.success:active {
  background: #128023;
  color: #ffffff;
}
.shortcut-button.danger,
.shortcut-button.alert {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
.shortcut-button.danger:active,
.shortcut-button.alert:active {
  background: #9a1616;
  color: #ffffff;
}
.shortcut-button.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.shortcut-button.info:active {
  background: #1ba1e2;
  color: #ffffff;
}
.shortcut-button.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.shortcut-button.warning:active {
  background: #bf5a15;
  color: #ffffff;
}
.shortcut-button.link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
.shortcut-button.link:hover,
.shortcut-button.link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
.shortcut-button .icon,
.shortcut-button .title {
  display: block;
  color: inherit;
}
.shortcut-button .icon {
  font-size: 1.7rem;
  height: 1.7rem;
  width: 1.7rem;
  margin: .875rem auto;
}
.shortcut-button .badge {
  color: inherit;
  position: absolute;
  top: 0;
  right: 0;
  font-size: .7rem;
  line-height: 1rem;
  padding: 0 .225rem;
}
a.shortcut-button {
  padding-top: 10px;
}
.button.dropdown-toggle {
  padding-right: 1.625rem;
}
.button.dropdown-toggle.drop-marker-light:before,
.button.dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
.nav-button {
  width: 2rem;
  height: 2rem;
  background-size: 1rem 1rem;
  background: center center no-repeat;
  text-indent: -9999px;
  border: 0;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: relative;
}
.nav-button span {
  position: absolute;
  top: 1.2rem;
  left: .5rem;
  width: 1.2rem;
  height: 2px;
  margin: 0 0 0;
  background: #1d1d1d;
  transform: rotate(0);
  transition: all 0.3s linear;
}
.nav-button span:before,
.nav-button span:after {
  content: '';
  position: absolute;
  top: -0.5rem;
  right: 0;
  width: 1.2rem;
  height: 2px;
  background: #1d1d1d;
  transform: rotate(0);
  transition: all 0.3s linear;
}
.nav-button span:after {
  top: .5rem;
}
.nav-button.transform span {
  transform: rotate(180deg);
  background: #1d1d1d;
}
.nav-button.transform span:before,
.nav-button.transform span:after {
  content: '';
  top: -5px;
  right: 0;
  width: .75rem;
  transform: rotate(45deg);
}
.nav-button.transform span:after {
  top: 5px;
  transform: rotate(-45deg);
}
.nav-button.light span {
  background-color: #ffffff;
}
.nav-button.light span:before,
.nav-button.light span:after {
  background-color: #ffffff;
}
.group-of-buttons .button.active,
.group-of-buttons .toolbar-button.active {
  background-color: #00CCFF;
  color: #ffffff;
}
.group-of-buttons .button:active,
.group-of-buttons .toolbar-button:active {
  background-color: #1ba1e2;
  color: #ffffff;
}
.split-button,
.dropdown-button {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.split-button:before,
.dropdown-button:before,
.split-button:after,
.dropdown-button:after {
  display: table;
  content: "";
}
.split-button:after,
.dropdown-button:after {
  clear: both;
}
.split-button .button,
.dropdown-button .button,
.split-button .split,
.dropdown-button .split {
  display: block;
  float: left;
}
.split-button .split,
.dropdown-button .split {
  padding: 0 1rem 0 .625rem;
  height: 2.125rem;
  text-align: center;
  vertical-align: middle ;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  outline: none;
  font-size: .875rem;
  position: relative;
  margin: .15625rem 0;
}
.split-button .split:hover,
.dropdown-button .split:hover {
  background-color: #eeeeee;
  border-color: #787878;
}
.split-button .split.dropdown-toggle:before,
.dropdown-button .split.dropdown-toggle:before {
  transition: all 0.3s ease;
}
.split-button .split.dropdown-toggle.active-toggle:before,
.dropdown-button .split.dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.split-button .split-content,
.dropdown-button .split-content {
  position: absolute;
  top: 100%;
}
.split.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.split.primary:active {
  background: #1B6EAE;
}
.split.primary:hover {
  background: #59cde2;
  border-color: #59cde2;
}
.split.primary.dropdown-toggle:before {
  border-color: #ffffff;
}
.split.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.split.success:active {
  background: #128023;
}
.split.success:hover {
  background: #7ad61d;
  border-color: #7ad61d;
}
.split.success.dropdown-toggle:before {
  border-color: #ffffff;
}
.split.danger {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
.split.danger:active {
  background: #9a1616;
}
.split.danger:hover {
  background: #da5a53;
  border-color: #da5a53;
}
.split.danger.dropdown-toggle:before {
  border-color: #ffffff;
}
.split.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.split.info:active {
  background: #1ba1e2;
}
.split.info:hover {
  background: #4390df;
  border-color: #4390df;
}
.split.info.dropdown-toggle:before {
  border-color: #ffffff;
}
.split.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.split.warning:active {
  background: #bf5a15;
}
.split.warning:hover {
  background: #ffc194;
  border-color: #ffc194;
}
.split.warning.dropdown-toggle:before {
  border-color: #ffffff;
}
.mini-button,
.small-button,
.large-button,
.big-button {
  line-height: 100%;
}
.mini-button {
  font-size: .6rem;
  padding: .2rem .625rem;
  height: 1.4rem;
}
.small-button {
  font-size: .7rem;
  padding: 0 .625rem;
  height: 1.7rem;
}
.large-button {
  height: 2.55rem;
  font-size: 1.05rem;
}
.big-button {
  height: 3.125rem;
  font-size: 1.2rem;
}
.round-button.mini-button,
.cycle-button.mini-button,
.square-button.mini-button {
  width: 1.4rem;
  height: 1.4rem;
  font-size: .6rem;
  line-height: 1;
  padding: 0;
  min-width: 0;
}
.round-button.small-button,
.cycle-button.small-button,
.square-button.small-button {
  width: 1.7rem;
  height: 1.7rem;
  font-size: .7rem;
  line-height: 1.68rem;
  padding: 0;
  min-width: 0;
}
.round-button.large-button,
.cycle-button.large-button,
.square-button.large-button {
  font-size: 1.05rem;
  line-height: 1;
  width: 2.55rem;
  height: 2.55rem;
}
.round-button.big-button,
.cycle-button.big-button,
.square-button.big-button {
  font-size: 1.2rem;
  line-height: 1;
  width: 3.125rem;
  height: 3.125rem;
}
.button.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.button.primary:active {
  background: #1B6EAE;
  color: #ffffff;
}
.button.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.button.success:active {
  background: #128023;
  color: #ffffff;
}
.button.danger,
.button.alert {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
.button.danger:active,
.button.alert:active {
  background: #9a1616;
  color: #ffffff;
}
.button.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.button.info:active {
  background: #1ba1e2;
  color: #ffffff;
}
.button.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.button.warning:active {
  background: #bf5a15;
  color: #ffffff;
}
.button.link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
.button.link:hover,
.button.link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
a.button,
span.button,
div.button,
a.round-button,
span.round-button,
div.round-button,
a.cycle-button,
span.cycle-button,
div.cycle-button,
a.square-button,
span.square-button,
div.square-button {
  padding-top: .53125rem;
}
a.button.big-button,
span.button.big-button,
div.button.big-button,
a.round-button.big-button,
span.round-button.big-button,
div.round-button.big-button,
a.cycle-button.big-button,
span.cycle-button.big-button,
div.cycle-button.big-button,
a.square-button.big-button,
span.square-button.big-button,
div.square-button.big-button {
  padding-top: .78125rem;
}
.dropdown-button button.dropdown-toggle:before {
  transition: all 0.3s ease;
}
.dropdown-button button.dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.shortcut-button[data-hotkey]::after {
  position: absolute;
  content: attr(data-hotkey);
  font-size: .625rem;
  bottom: 0;
  right: 0;
  color: #999999;
}
.shortcut-button[data-hotkey].no-hotkey-display::after {
  display: none;
}
.toolbar {
  position: relative;
}
.toolbar:before,
.toolbar:after {
  display: table;
  content: "";
}
.toolbar:after {
  clear: both;
}
.toolbar-section {
  position: relative;
  padding-left: .5725rem;
  margin: .125rem;
  float: left;
  width: auto;
}
.toolbar-section.no-divider:before {
  display: none;
}
.toolbar-section:before {
  position: absolute;
  content: "";
  width: .325rem;
  height: 100%;
  left: 0;
  background-color: #eeeeee;
  cursor: move;
}
.toolbar .toolbar-button {
  padding: 0 1rem;
  height: 2.125rem;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  width: 2.125rem;
  min-width: 2.125rem;
  padding: 0 ;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-radius: 0;
  margin: 0;
}
.toolbar .toolbar-button.default {
  background-color: #008287;
  color: #fff;
}
.toolbar .toolbar-button:hover {
  border-color: #787878;
}
.toolbar .toolbar-button:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
.toolbar .toolbar-button:focus {
  outline: 0;
}
.toolbar .toolbar-button:disabled,
.toolbar .toolbar-button.disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
.toolbar .toolbar-button * {
  color: inherit;
}
.toolbar .toolbar-button *:hover {
  color: inherit;
}
.toolbar .toolbar-button.rounded {
  border-radius: .325rem;
}
.toolbar .toolbar-button > [class*=mif-] {
  vertical-align: middle;
}
.toolbar .toolbar-button img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
.toolbar .toolbar-button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.toolbar .toolbar-button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.toolbar .toolbar-button.loading-pulse.lighten:before {
  background-color: #fff;
}
.toolbar .toolbar-button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.toolbar .toolbar-button.loading-cube:before,
.toolbar .toolbar-button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.toolbar .toolbar-button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.toolbar .toolbar-button.loading-cube.lighten:before,
.toolbar .toolbar-button.loading-cube.lighten:after {
  background-color: #fff;
}
.toolbar .toolbar-button.dropdown-toggle {
  padding-right: 1.625rem;
}
.toolbar .toolbar-button.dropdown-toggle.drop-marker-light:before,
.toolbar .toolbar-button.dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
.toolbar .toolbar-button.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.toolbar .toolbar-button.primary:active {
  background: #1B6EAE;
  color: #ffffff;
}
.toolbar .toolbar-button.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.toolbar .toolbar-button.success:active {
  background: #128023;
  color: #ffffff;
}
.toolbar .toolbar-button.danger,
.toolbar .toolbar-button.alert {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
.toolbar .toolbar-button.danger:active,
.toolbar .toolbar-button.alert:active {
  background: #9a1616;
  color: #ffffff;
}
.toolbar .toolbar-button.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.toolbar .toolbar-button.info:active {
  background: #1ba1e2;
  color: #ffffff;
}
.toolbar .toolbar-button.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.toolbar .toolbar-button.warning:active {
  background: #bf5a15;
  color: #ffffff;
}
.toolbar .toolbar-button.link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
.toolbar .toolbar-button.link:hover,
.toolbar .toolbar-button.link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
.toolbar .toolbar-button.mini-button {
  width: 1.4rem;
  height: 1.4rem;
  font-size: .6rem;
  line-height: 1;
  padding: 0;
  min-width: 0;
}
.toolbar .toolbar-button.small-button {
  width: 1.7rem;
  height: 1.7rem;
  font-size: .7rem;
  line-height: 1.68rem;
  padding: 0;
  min-width: 0;
}
.toolbar .toolbar-button.large-button {
  font-size: 1.05rem;
  line-height: 1;
  width: 2.55rem;
  height: 2.55rem;
}
.toolbar .toolbar-button.big-button {
  font-size: 1.2rem;
  line-height: 1;
  width: 3.125rem;
  height: 3.125rem;
}
.toolbar-group,
.toolbar-section {
  display: inline-block;
}
.toolbar-group.condensed:before,
.toolbar-section.condensed:before,
.toolbar-group.condensed:after,
.toolbar-section.condensed:after {
  display: table;
  content: "";
}
.toolbar-group.condensed:after,
.toolbar-section.condensed:after {
  clear: both;
}
.toolbar-group.condensed .button,
.toolbar-section.condensed .button,
.toolbar-group.condensed .toolbar-button,
.toolbar-section.condensed .toolbar-button {
  display: block;
  float: left;
}
.toolbar-group-check .toolbar-button.checked {
  background-color: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.toolbar-group-radio .toolbar-button.checked {
  background-color: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.toolbar.rounded > .toolbar-button,
.toolbar.rounded > .toolbar-section .toolbar-button {
  border-radius: .3125rem;
}
.toolbar.rounded .toolbar-section:before {
  border-radius: .3125rem;
}
.v-toolbar {
  position: relative;
  float: left;
}
.v-toolbar:before,
.v-toolbar:after {
  display: table;
  content: "";
}
.v-toolbar:after {
  clear: both;
}
.v-toolbar .toolbar-button {
  padding: 0 1rem;
  height: 2.125rem;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  width: 2.125rem;
  min-width: 2.125rem;
  padding: 0 ;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-radius: 0;
  margin: 0;
}
.v-toolbar .toolbar-button.default {
  background-color: #008287;
  color: #fff;
}
.v-toolbar .toolbar-button:hover {
  border-color: #787878;
}
.v-toolbar .toolbar-button:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
.v-toolbar .toolbar-button:focus {
  outline: 0;
}
.v-toolbar .toolbar-button:disabled,
.v-toolbar .toolbar-button.disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
.v-toolbar .toolbar-button * {
  color: inherit;
}
.v-toolbar .toolbar-button *:hover {
  color: inherit;
}
.v-toolbar .toolbar-button.rounded {
  border-radius: .325rem;
}
.v-toolbar .toolbar-button > [class*=mif-] {
  vertical-align: middle;
}
.v-toolbar .toolbar-button img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
.v-toolbar .toolbar-button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.v-toolbar .toolbar-button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.v-toolbar .toolbar-button.loading-pulse.lighten:before {
  background-color: #fff;
}
.v-toolbar .toolbar-button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.v-toolbar .toolbar-button.loading-cube:before,
.v-toolbar .toolbar-button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.v-toolbar .toolbar-button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.v-toolbar .toolbar-button.loading-cube.lighten:before,
.v-toolbar .toolbar-button.loading-cube.lighten:after {
  background-color: #fff;
}
.v-toolbar .toolbar-button.dropdown-toggle {
  padding-right: 1.625rem;
}
.v-toolbar .toolbar-button.dropdown-toggle.drop-marker-light:before,
.v-toolbar .toolbar-button.dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
.v-toolbar .toolbar-button.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.v-toolbar .toolbar-button.primary:active {
  background: #1B6EAE;
  color: #ffffff;
}
.v-toolbar .toolbar-button.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.v-toolbar .toolbar-button.success:active {
  background: #128023;
  color: #ffffff;
}
.v-toolbar .toolbar-button.danger,
.v-toolbar .toolbar-button.alert {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
.v-toolbar .toolbar-button.danger:active,
.v-toolbar .toolbar-button.alert:active {
  background: #9a1616;
  color: #ffffff;
}
.v-toolbar .toolbar-button.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.v-toolbar .toolbar-button.info:active {
  background: #1ba1e2;
  color: #ffffff;
}
.v-toolbar .toolbar-button.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.v-toolbar .toolbar-button.warning:active {
  background: #bf5a15;
  color: #ffffff;
}
.v-toolbar .toolbar-button.link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
.v-toolbar .toolbar-button.link:hover,
.v-toolbar .toolbar-button.link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
.v-toolbar .toolbar-button.mini-button {
  width: 1.4rem;
  height: 1.4rem;
  font-size: .6rem;
  line-height: 1;
  padding: 0;
  min-width: 0;
}
.v-toolbar .toolbar-button.small-button {
  width: 1.7rem;
  height: 1.7rem;
  font-size: .7rem;
  line-height: 1.68rem;
  padding: 0;
  min-width: 0;
}
.v-toolbar .toolbar-button.large-button {
  font-size: 1.05rem;
  line-height: 1;
  width: 2.55rem;
  height: 2.55rem;
}
.v-toolbar .toolbar-button.big-button {
  font-size: 1.2rem;
  line-height: 1;
  width: 3.125rem;
  height: 3.125rem;
}
.v-toolbar.rounded > .toolbar-button,
.v-toolbar.rounded > .toolbar-section .toolbar-button {
  border-radius: .3125rem;
}
.v-toolbar.rounded .toolbar-section:before {
  border-radius: .3125rem;
}
.v-toolbar .toolbar-section {
  padding-left: 0;
  padding-top: .5725rem;
}
.v-toolbar .toolbar-section:before {
  width: 100%;
  top: 0;
  height: .325rem;
}
.v-toolbar .toolbar-button {
  display: block;
  margin-bottom: .25rem;
}
.v-toolbar.no-divider .toolbar-section:before {
  display: none;
}
.pagination {
  display: block;
  margin: .625rem 0;
}
.pagination:before,
.pagination:after {
  display: table;
  content: "";
}
.pagination:after {
  clear: both;
}
.pagination > .item {
  display: block;
  float: left;
  margin-left: .0652rem;
  padding: 0.25rem .625rem;
  background-color: #ffffff;
  cursor: pointer;
  border: 1px #eeeeee solid;
  text-align: center;
  font-size: .875rem;
  color: #1d1d1d;
}
.pagination > .item:first-child {
  margin-left: 0 ;
}
.pagination > .item.current,
.pagination > .item.active {
  background-color: #1ba1e2;
  border-color: #59cde2;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.pagination > .item:hover {
  background-color: #75c7ee;
  border-color: #75c7ee;
  color: #ffffff;
}
.pagination > .item:disabled,
.pagination > .item.disabled {
  cursor: default;
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #999999;
}
.pagination > .item.spaces {
  border: 0;
  cursor: default;
  color: #1d1d1d;
}
.pagination > .item.spaces:hover {
  background-color: inherit ;
  color: #1d1d1d;
}
.pagination.rounded > .item {
  border-radius: .3125rem;
}
.pagination.cycle > .item {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: .7rem;
  padding: .4375rem 0;
}
.pagination.no-border > .item {
  border: 0;
}
.pagination.no-border > .item:hover {
  color: #59cde2;
  background-color: transparent ;
}
.pagination.no-border > .item:disabled,
.pagination.no-border > .item.disabled {
  cursor: default;
  background-color: transparent;
  border-color: transparent;
  color: #999999;
}
.pagination.no-border > .item.current:hover,
.pagination.no-border > .item.active:hover {
  background-color: #75c7ee;
  border-color: #75c7ee;
  color: #ffffff;
}
.breadcrumbs {
  padding: 0;
  margin: 0;
  list-style: none inside none;
  background-color: #ffffff;
  color: #999;
  padding: 1rem;
}
.breadcrumbs > li {
  display: inline-block;
  color: inherit;
  margin: 0 1rem 0 0;
  position: relative;
  vertical-align: middle;
}
.breadcrumbs > li:before,
.breadcrumbs > li:after {
  display: block;
  position: absolute;
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  content: "";
  height: 1px;
  width: .375rem;
  background-color: #1d1d1d;
  top: 50%;
  left: 100%;
  margin-left: .5rem;
}
.breadcrumbs > li:before {
  transform: rotate(45deg);
  margin-top: -0.125rem;
}
.breadcrumbs > li:after {
  transform: rotate(-45deg);
  margin-top: .125rem;
}
.breadcrumbs > li > a {
  color: inherit;
  display: inline-block;
  line-height: 1;
}
.breadcrumbs > li:last-child {
  color: #1d1d1d;
  font-weight: bolder;
}
.breadcrumbs > li:last-child a {
  cursor: default;
}
.breadcrumbs > li:last-child:before,
.breadcrumbs > li:last-child:after {
  background-color: transparent;
}
.breadcrumbs > li:hover {
  color: #1d1d1d;
}
.breadcrumbs img,
.breadcrumbs .icon {
  display: inline-block;
  line-height: .8;
  height: 1rem;
  width: 1rem;
  font-size: 1rem;
  vertical-align: -15%;
}
.breadcrumbs.dark {
  background-color: #393832;
}
.breadcrumbs.dark > li:hover,
.breadcrumbs.dark > li:last-child {
  color: #ffffff;
}
.breadcrumbs.dark > li:before,
.breadcrumbs.dark > li:after {
  background-color: #ffffff;
}
.breadcrumbs2 {
  margin: 0.625rem 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  width: 100%;
}
.breadcrumbs2 li {
  float: left;
  margin: 0 .2em 0 1em;
}
.breadcrumbs2 a {
  background: #d9d9d9;
  padding: .3em 1em;
  float: left;
  text-decoration: none;
  color: #2086bf;
  position: relative;
}
.breadcrumbs2 a:hover {
  background: #1ba1e2;
  color: #ffffff;
}
.breadcrumbs2 a:hover:before {
  border-color: #1ba1e2 #1ba1e2 #1ba1e2 transparent;
}
.breadcrumbs2 a:hover:after {
  border-left-color: #1ba1e2;
}
.breadcrumbs2 a:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #d9d9d9 #d9d9d9 #d9d9d9 transparent;
  left: -1em;
  margin-left: 1px;
}
.breadcrumbs2 a:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #d9d9d9;
  right: -1em;
  margin-right: 1px;
}
.breadcrumbs2 > li:first-child {
  margin-left: 0;
}
.breadcrumbs2 > li:first-child a:before {
  content: normal;
}
.breadcrumbs2 > li:last-child {
  background: none;
}
.breadcrumbs2 > li:last-child a {
  color: #1d1d1d;
}
.breadcrumbs2 > li:last-child:after,
.breadcrumbs2 > li:last-child:before {
  content: normal;
}
.breadcrumbs2 > li:last-child:hover a {
  color: #ffffff;
}
.breadcrumbs2 .active,
.breadcrumbs2 .active:hover {
  background: none;
}
.breadcrumbs2 .active a,
.breadcrumbs2 .active:hover a {
  color: #1d1d1d;
}
.breadcrumbs2 .active:hover a {
  color: #ffffff;
}
.breadcrumbs2 .active:after,
.breadcrumbs2 .active:before {
  content: normal;
}
.breadcrumbs2.small a {
  padding: .2em 1em;
  font-size: 11.9px;
}
.breadcrumbs2.mini a {
  padding: .1em 1em;
  font-size: 10.5px;
}
.breadcrumbs2 > li > a > [class*=mif] {
  vertical-align: -10%;
}
.input-control {
  display: inline-block;
  min-height: 2.125rem;
  height: 2.125rem;
  position: relative;
  vertical-align: middle;
  margin: .325rem 0;
  line-height: 1;
}
.input-control[data-role=select] {
  height: auto;
}
.input-control.text,
.input-control.select,
.input-control.file,
.input-control.password,
.input-control.number,
.input-control.email,
.input-control.tel {
  width: 10.875rem;
}
.input-control.text .button,
.input-control.select .button,
.input-control.file .button,
.input-control.password .button,
.input-control.number .button,
.input-control.email .button,
.input-control.tel .button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  margin: 0;
}
.input-control.text > label,
.input-control.select > label,
.input-control.file > label,
.input-control.password > label,
.input-control.number > label,
.input-control.email > label,
.input-control.tel > label,
.input-control.text > .label,
.input-control.select > .label,
.input-control.file > .label,
.input-control.password > .label,
.input-control.number > .label,
.input-control.email > .label,
.input-control.tel > .label {
  position: absolute;
  left: 0;
  top: -1rem;
  font-size: .875rem;
}
.input-control.text > input:disabled + .button,
.input-control.select > input:disabled + .button,
.input-control.file > input:disabled + .button,
.input-control.password > input:disabled + .button,
.input-control.number > input:disabled + .button,
.input-control.email > input:disabled + .button,
.input-control.tel > input:disabled + .button {
  display: none;
}
.input-control.text .prepend-icon,
.input-control.select .prepend-icon,
.input-control.file .prepend-icon,
.input-control.password .prepend-icon,
.input-control.number .prepend-icon,
.input-control.email .prepend-icon,
.input-control.tel .prepend-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 4px;
  z-index: 2;
  color: #999999;
}
.input-control.text .prepend-icon ~ input,
.input-control.select .prepend-icon ~ input,
.input-control.file .prepend-icon ~ input,
.input-control.password .prepend-icon ~ input,
.input-control.number .prepend-icon ~ input,
.input-control.email .prepend-icon ~ input,
.input-control.tel .prepend-icon ~ input {
  padding-left: 30px;
}
.input-control input,
.input-control textarea,
.input-control select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  border: 1px #d9d9d9 solid;
  width: 100%;
  height: 100%;
  padding: .3125rem;
  z-index: 0;
}
.input-control input:focus,
.input-control textarea:focus,
.input-control select:focus {
  outline: none;
}
.input-control input:disabled,
.input-control textarea:disabled,
.input-control select:disabled {
  background-color: #EBEBE4;
}
.input-control input:focus,
.input-control textarea:focus,
.input-control select:focus,
.input-control input:hover,
.input-control textarea:hover,
.input-control select:hover {
  border-color: #787878;
}
.input-control textarea {
  position: relative;
  min-height: 6.25rem;
  font-family: "Segoe UI", "Open Sans", sans-serif, serif;
}
.input-control.textarea {
  height: auto;
}
.input-control.select {
  position: relative;
}
.input-control.select select {
  padding-right: 20px;
}
.input-control.rounded input,
.input-control.rounded textarea,
.input-control.rounded select {
  border-radius: 0.3125rem;
}
.input-control.big-input {
  height: 4.125rem;
}
.input-control.big-input input {
  font-size: 1.875rem;
  padding-left: 1.25rem ;
}
.input-control.big-input .button {
  height: 3.25rem;
  top: 50%;
  margin-top: -1.625rem;
  right: 0.3125rem;
  font-size: 1.125rem;
  font-weight: bold;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.input-control [class*=input-state-] {
  position: absolute;
  display: none;
  top: 50%;
  right: 8px;
  z-index: 3;
  font-size: 1rem;
  margin-top: -0.5rem;
}
.input-control.required input,
.input-control.required textarea,
.input-control.required select {
  border: 1px dashed #1ba1e2;
}
.input-control.required.neon input,
.input-control.required.neon textarea,
.input-control.required.neon select {
  box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.input-control.required .input-state-required {
  display: block;
  color: #1ba1e2;
}
.input-control.error input,
.input-control.error textarea,
.input-control.error select {
  border: 1px solid #CE352C;
}
.input-control.error.neon input,
.input-control.error.neon textarea,
.input-control.error.neon select {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.input-control.error .input-state-error {
  display: block;
  color: #CE352C;
}
.input-control.warning input,
.input-control.warning textarea,
.input-control.warning select {
  border: 1px solid #e3c800;
}
.input-control.warning.neon input,
.input-control.warning.neon textarea,
.input-control.warning.neon select {
  box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.input-control.warning .input-state-warning {
  display: block;
  color: #e3c800;
}
.input-control.success input,
.input-control.success textarea,
.input-control.success select {
  border: 1px solid #60a917;
}
.input-control.success.neon input,
.input-control.success.neon textarea,
.input-control.success.neon select {
  box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.input-control.success .input-state-success {
  display: block;
  color: #60a917;
}
.input-control.info input,
.input-control.info textarea,
.input-control.info select {
  border: 1px solid #1ba1e2;
}
.input-control.info.neon input,
.input-control.info.neon textarea,
.input-control.info.neon select {
  box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.input-control.info .input-state-success {
  display: block;
  color: #1ba1e2;
}
input.error,
select.error,
textarea.error {
  border: 1px solid #CE352C;
}
input.warning,
select.warning,
textarea.warning {
  border: 1px solid #e3c800;
}
input.info,
select.info,
textarea.info {
  border: 1px solid #1ba1e2;
}
input.success,
select.success,
textarea.success {
  border: 1px solid #60a917;
}
input.required,
select.required,
textarea.required {
  border: 1px dashed #1ba1e2;
}
.input-control.file input[type=file] {
  position: absolute;
  opacity: 0;
  width: 0.0625rem;
  height: 0.0625rem;
}
.input-control.file input[type=file]:disabled ~ input[type=text],
.input-control.file input[type=file]:disabled ~ .button {
  background-color: #EBEBE4;
}
.input-control.file:hover input[type=text],
.input-control.file:hover button {
  border-color: #787878;
}
.input-control .button-group {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.input-control .button-group:before,
.input-control .button-group:after {
  display: table;
  content: "";
}
.input-control .button-group:after {
  clear: both;
}
.input-control .button-group .button {
  position: relative;
  float: left;
  margin: 0;
}
.input-control > .helper-button,
.input-control > .button-group > .helper-button {
  visibility: hidden;
  margin: 0;
  border: 0;
  height: 1.875rem;
  padding: 0 .6rem;
  z-index: 100;
  font-size: .75rem;
}
.input-control > .button.helper-button {
  margin: 2px 2px 0;
}
.input-control > .button-group > .button.helper-button {
  margin: 2px 0 ;
}
.input-control > .button-group > .button.helper-button:last-child {
  margin-right: 2px ;
}
.input-control input:focus ~ .helper-button,
.input-control input:focus ~ .button-group > .helper-button {
  visibility: visible;
}
.input-control input ~ .helper-button:active,
.input-control input ~ .button-group > .helper-button:active {
  visibility: visible;
}
.input-control input:disabled ~ .helper-button,
.input-control input:disabled ~ .button-group > .helper-button {
  display: none ;
}
.input-control.modern {
  position: relative;
  width: 12.25rem;
  height: 3rem;
  display: inline-block;
  margin: .625rem 0;
}
.input-control.modern input {
  position: absolute;
  top: 1rem;
  left: 0;
  right: 0;
  bottom: .5rem;
  border: 0;
  border-bottom: 2px #DDDDDD solid;
  background-color: transparent;
  outline: none;
  font-size: 1rem;
  padding-bottom: .5rem;
  padding-left: 0;
  width: 100%;
  z-index: 2;
  height: 1.75rem;
}
.input-control.modern input:focus {
  border-bottom-color: #1d1d1d;
}
.input-control.modern .label,
.input-control.modern .informer {
  position: absolute;
  display: block;
  z-index: 1;
  color: #1d1d1d;
}
.input-control.modern .label {
  opacity: 0;
  top: 16px;
  left: 0;
  transition: all 0.3s linear;
}
.input-control.modern .informer {
  opacity: 0;
  bottom: .75rem;
  color: #C8C8C8;
  font-size: .8rem;
  transition: all 0.3s linear;
}
.input-control.modern .placeholder {
  font-size: 1rem;
  color: #C8C8C8;
  position: absolute;
  top: 1.2rem;
  left: 0;
  z-index: 1;
  opacity: 1;
  transition: all 0.3s linear;
}
.input-control.modern .helper-button {
  top: 8px;
}
.input-control.modern.iconic {
  margin-left: 32px;
}
.input-control.modern.iconic .icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  position: absolute;
  left: -28px;
  top: 50%;
  margin-top: -8px;
  display: block;
  opacity: .2;
  transition: all 0.3s linear;
}
.input-control.modern.iconic .icon img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.input-control.modern.iconic.full-size {
  width: calc(100% - 32px) !important;
}
.input-control.modern input:focus ~ .label {
  opacity: 1;
  transform: translateY(-18px);
  transition: all 0.3s linear;
}
.input-control.modern input:focus ~ .placeholder {
  opacity: 0;
  transform: translateX(200px);
  transition: all 0.3s linear;
}
.input-control.modern input:focus ~ .informer {
  opacity: 1;
  color: #1d1d1d;
  bottom: -0.75rem;
  transition: all 0.3s linear;
}
.input-control.modern input:focus ~ .icon {
  opacity: 1;
  transition: all 0.3s linear;
}
.input-control.modern.error input {
  border-bottom-color: #CE352C;
}
.input-control.modern.error .informer,
.input-control.modern.error .label {
  color: #CE352C;
}
.input-control.modern.success input {
  border-bottom-color: #60a917;
}
.input-control.modern.success .informer,
.input-control.modern.success .label {
  color: #60a917;
}
.input-control.modern.warning input {
  border-bottom-color: #e3c800;
}
.input-control.modern.warning .informer,
.input-control.modern.warning .label {
  color: #e3c800;
}
.input-control.modern.info input {
  border-bottom-color: #1ba1e2;
}
.input-control.modern.info .informer,
.input-control.modern.info .label {
  color: #1ba1e2;
}
.input-control.modern input:disabled {
  border-bottom-style: dotted;
  color: #BCBCBC;
}
.input-control.checkbox,
.input-control.radio {
  line-height: 1.875rem;
  min-width: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.input-control.checkbox input[type="checkbox"],
.input-control.radio input[type="checkbox"],
.input-control.checkbox input[type="radio"],
.input-control.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0.0625rem;
  height: 0.0625rem;
}
.input-control.checkbox .caption,
.input-control.radio .caption {
  margin: 0 .125rem;
  vertical-align: middle;
}
.input-control.checkbox .check,
.input-control.radio .check {
  width: 1.625rem;
  height: 1.625rem;
  background-color: #ffffff;
  border: 1px #999999 solid;
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.input-control.checkbox.text-left .check,
.input-control.radio.text-left .check {
  margin: 0 0 0 .3125rem;
}
.input-control.checkbox .check:focus,
.input-control.radio .check:focus {
  border-color: #bcd9e2;
}
.input-control.checkbox .check:before,
.input-control.radio .check:before {
  position: absolute;
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  content: "";
  height: .3125rem;
  width: .565rem;
  background-color: transparent;
  border-left: .1875rem solid;
  border-bottom: .1875rem solid;
  border-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -0.325rem;
  margin-top: -0.365rem;
  display: block;
  transform: rotate(-45deg);
  transition: all 0.2s linear;
}
.input-control.checkbox input[type=radio] ~ .check:before,
.input-control.radio input[type=radio] ~ .check:before {
  border-color: transparent;
}
.input-control.checkbox input[type="checkbox"]:checked ~ .check:before,
.input-control.radio input[type="checkbox"]:checked ~ .check:before,
.input-control.checkbox input[type="radio"]:checked ~ .check:before,
.input-control.radio input[type="radio"]:checked ~ .check:before {
  border-color: #555555;
  transition: all 0.2s linear;
}
.input-control.checkbox input[type="checkbox"]:disabled ~ .caption,
.input-control.radio input[type="checkbox"]:disabled ~ .caption,
.input-control.checkbox input[type="radio"]:disabled ~ .caption,
.input-control.radio input[type="radio"]:disabled ~ .caption {
  color: #CACACA;
  cursor: default;
}
.input-control.checkbox input[type="checkbox"]:disabled ~ .check,
.input-control.radio input[type="checkbox"]:disabled ~ .check,
.input-control.checkbox input[type="radio"]:disabled ~ .check,
.input-control.radio input[type="radio"]:disabled ~ .check {
  border-color: #CACACA;
  cursor: default;
}
.input-control.checkbox input[type="checkbox"]:disabled:checked ~ .check:before,
.input-control.radio input[type="checkbox"]:disabled:checked ~ .check:before {
  border-color: #CACACA;
}
.input-control.checkbox input[type="radio"]:disabled:checked ~ .check:before,
.input-control.radio input[type="radio"]:disabled:checked ~ .check:before {
  background-color: #CACACA;
}
.input-control.checkbox input[data-show="indeterminate"] ~ .check:before,
.input-control.radio input[data-show="indeterminate"] ~ .check:before,
.input-control.checkbox input[data-show="indeterminate"]:checked ~ .check:before,
.input-control.radio input[data-show="indeterminate"]:checked ~ .check:before,
.input-control.checkbox input.indeterminate:checked ~ .check:before,
.input-control.radio input.indeterminate:checked ~ .check:before,
.input-control.checkbox input[type="checkbox"]:indeterminate ~ .check:before,
.input-control.radio input[type="checkbox"]:indeterminate ~ .check:before {
  display: none;
}
.input-control.checkbox input[data-show="indeterminate"] ~ .check:after,
.input-control.radio input[data-show="indeterminate"] ~ .check:after,
.input-control.checkbox input[data-show="indeterminate"]:checked ~ .check:after,
.input-control.radio input[data-show="indeterminate"]:checked ~ .check:after,
.input-control.checkbox input.indeterminate:checked ~ .check:after,
.input-control.radio input.indeterminate:checked ~ .check:after,
.input-control.checkbox input[type="checkbox"]:indeterminate ~ .check:after,
.input-control.radio input[type="checkbox"]:indeterminate ~ .check:after {
  position: absolute;
  display: block;
  content: "";
  background-color: #1d1d1d;
  height: .875rem;
  width: .875rem;
  left: 50%;
  top: 50%;
  margin-left: -0.4375rem;
  margin-top: -0.4375rem;
}
.input-control.checkbox input[data-show="indeterminate"]:not(:checked) ~ .check:after,
.input-control.radio input[data-show="indeterminate"]:not(:checked) ~ .check:after {
  background-color: transparent;
}
.input-control.checkbox input[data-show="indeterminate"]:disabled ~ .check:after,
.input-control.radio input[data-show="indeterminate"]:disabled ~ .check:after {
  background-color: #CACACA;
}
.input-control.radio .check {
  border: 1px #999999 solid;
  border-radius: 50%;
}
.input-control.radio .check:before {
  position: absolute;
  display: block;
  content: "";
  background-color: #1d1d1d;
  height: .5624rem;
  width: .5624rem;
  left: 50%;
  top: 50%;
  margin-left: -0.375rem;
  margin-top: -0.375rem;
  transform: rotate(0deg);
  border-radius: 50%;
}
.input-control.radio input[type="radio"]:checked ~ .check:before {
  border-color: transparent;
}
.input-control.radio input[type="radio"]:not(:checked) ~ .check:before {
  background-color: transparent;
}
.input-control.radio input[type="radio"]:disabled ~ .check:before {
  border-color: transparent;
}
.input-control.small-check .check {
  width: 1rem;
  height: 1rem;
}
.input-control.small-check .check:before {
  width: 6px;
  height: 3px;
  margin-left: -4px;
  margin-top: -4px;
  border-width: 2px;
}
.input-control.small-check.radio .check:before {
  height: .375rem;
  width: .375rem;
  left: 50%;
  top: 50%;
  margin-left: -0.25rem;
  margin-top: -0.25rem;
}
.input-control.small-check input[data-show="indeterminate"] ~ .check:after,
.input-control.small-check input[data-show="indeterminate"]:checked ~ .check:after,
.input-control.small-check input.indeterminate:checked ~ .check:after,
.input-control.small-check input[type="checkbox"]:indeterminate ~ .check:after {
  height: .375rem;
  width: .375rem;
  left: 50%;
  top: 50%;
  margin-left: -0.1875rem;
  margin-top: -0.1875rem;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  padding: 0 1rem;
  height: 2.125rem;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  vertical-align: middle;
}
input[type="button"].default,
input[type="reset"].default,
input[type="submit"].default {
  background-color: #008287;
  color: #fff;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #787878;
}
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: 0;
}
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
input[type="button"].disabled,
input[type="reset"].disabled,
input[type="submit"].disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
input[type="button"] *,
input[type="reset"] *,
input[type="submit"] * {
  color: inherit;
}
input[type="button"] *:hover,
input[type="reset"] *:hover,
input[type="submit"] *:hover {
  color: inherit;
}
input[type="button"].rounded,
input[type="reset"].rounded,
input[type="submit"].rounded {
  border-radius: .325rem;
}
input[type="button"] > [class*=mif-],
input[type="reset"] > [class*=mif-],
input[type="submit"] > [class*=mif-] {
  vertical-align: middle;
}
input[type="button"] img,
input[type="reset"] img,
input[type="submit"] img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
input[type="button"].loading-pulse,
input[type="reset"].loading-pulse,
input[type="submit"].loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
input[type="button"].loading-pulse:before,
input[type="reset"].loading-pulse:before,
input[type="submit"].loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
input[type="button"].loading-pulse.lighten:before,
input[type="reset"].loading-pulse.lighten:before,
input[type="submit"].loading-pulse.lighten:before {
  background-color: #fff;
}
input[type="button"].loading-cube,
input[type="reset"].loading-cube,
input[type="submit"].loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
input[type="button"].loading-cube:before,
input[type="reset"].loading-cube:before,
input[type="submit"].loading-cube:before,
input[type="button"].loading-cube:after,
input[type="reset"].loading-cube:after,
input[type="submit"].loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
input[type="button"].loading-cube:after,
input[type="reset"].loading-cube:after,
input[type="submit"].loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
input[type="button"].loading-cube.lighten:before,
input[type="reset"].loading-cube.lighten:before,
input[type="submit"].loading-cube.lighten:before,
input[type="button"].loading-cube.lighten:after,
input[type="reset"].loading-cube.lighten:after,
input[type="submit"].loading-cube.lighten:after {
  background-color: #fff;
}
input[type="button"].dropdown-toggle,
input[type="reset"].dropdown-toggle,
input[type="submit"].dropdown-toggle {
  padding-right: 1.625rem;
}
input[type="button"].dropdown-toggle.drop-marker-light:before,
input[type="reset"].dropdown-toggle.drop-marker-light:before,
input[type="submit"].dropdown-toggle.drop-marker-light:before,
input[type="button"].dropdown-toggle.drop-marker-light:after,
input[type="reset"].dropdown-toggle.drop-marker-light:after,
input[type="submit"].dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
input[type="button"].primary,
input[type="reset"].primary,
input[type="submit"].primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
input[type="button"].primary:active,
input[type="reset"].primary:active,
input[type="submit"].primary:active {
  background: #1B6EAE;
  color: #ffffff;
}
input[type="button"].success,
input[type="reset"].success,
input[type="submit"].success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
input[type="button"].success:active,
input[type="reset"].success:active,
input[type="submit"].success:active {
  background: #128023;
  color: #ffffff;
}
input[type="button"].danger,
input[type="reset"].danger,
input[type="submit"].danger,
input[type="button"].alert,
input[type="reset"].alert,
input[type="submit"].alert {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
input[type="button"].danger:active,
input[type="reset"].danger:active,
input[type="submit"].danger:active,
input[type="button"].alert:active,
input[type="reset"].alert:active,
input[type="submit"].alert:active {
  background: #9a1616;
  color: #ffffff;
}
input[type="button"].info,
input[type="reset"].info,
input[type="submit"].info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
input[type="button"].info:active,
input[type="reset"].info:active,
input[type="submit"].info:active {
  background: #1ba1e2;
  color: #ffffff;
}
input[type="button"].warning,
input[type="reset"].warning,
input[type="submit"].warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
input[type="button"].warning:active,
input[type="reset"].warning:active,
input[type="submit"].warning:active {
  background: #bf5a15;
  color: #ffffff;
}
input[type="button"].link,
input[type="reset"].link,
input[type="submit"].link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
input[type="button"].link:hover,
input[type="reset"].link:hover,
input[type="submit"].link:hover,
input[type="button"].link:active,
input[type="reset"].link:active,
input[type="submit"].link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
.switch,
.switch-original {
  display: inline-block;
  margin: 0 .625rem 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.switch input,
.switch-original input {
  position: absolute;
  opacity: 0;
  width: 0.0625rem;
  height: 0.0625rem;
}
.switch .check,
.switch-original .check,
.switch .caption,
.switch-original .caption {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}
.switch .check {
  width: 36px;
  height: 16px;
  background-color: #929292;
  border-radius: 8px;
  overflow: visible;
  position: relative;
}
.switch .check:before {
  position: absolute;
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  z-index: 2;
  margin-top: -4px;
  margin-left: -3px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.switch input:checked ~ .check {
  background-color: #008287;
}
.switch input:not(:checked) ~ .check:before {
  background-color: #ffffff;
  transition: all 0.2s linear;
}
.switch input:checked ~ .check {
  background-color: #008287;
}
.switch input:checked ~ .check:before {
  transform: translateX(22px);
  transition: all 0.2s linear;
}
.switch input:disabled ~ .check {
  background-color: #D5D5D5;
}
.switch input:disabled ~ .check:before {
  background-color: #BDBDBD;
}
.switch-original .caption {
  margin: 0 5px;
}
.switch-original .check {
  position: relative;
  height: 1.125rem;
  width: 2.8125rem;
  outline: 2px #a6a6a6 solid;
  border: 1px #fff solid;
  cursor: pointer;
  background: #A6A6A6;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
}
.switch-original .check:after {
  position: absolute;
  left: -1px;
  top: -1px;
  display: block;
  content: "";
  height: 1rem;
  width: .5625rem;
  outline: 2px #333 solid;
  border: 1px #333 solid;
  cursor: pointer;
  background: #333;
  z-index: 2;
  transition: all 0.2s linear;
}
.switch-original input[type="checkbox"]:focus ~ .check {
  outline: 1px #999999 dotted;
}
.switch-original input[type="checkbox"]:checked ~ .check {
  background: #008287;
}
.switch-original input[type="checkbox"]:checked ~ .check:after {
  left: auto;
  transform: translateX(2rem);
  transition: all 0.2s linear;
}
.switch-original input[type="checkbox"]:disabled ~ .check {
  background-color: #E6E6E6;
  border-color: #ffffff;
}
.switch-original input[type="checkbox"]:disabled ~ .check:after {
  background-color: #8a8a8a;
  outline-color: #8a8a8a;
  border-color: #8a8a8a;
}
.input-control.range input[type=range] {
  border: 0;
  box-sizing: border-box;
  line-height: 1;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  width: 100%;
}
.input-control.range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.input-control.range input[type=range]:focus {
  outline: none;
}
.input-control.range input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.input-control.range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  margin-top: 0;
  background-color: #555555;
  border: 2px solid #555555;
  cursor: pointer;
}
.input-control.range input[type=range]::-moz-range-thumb {
  width: 1em;
  height: 1em;
  margin-top: 0;
  background-color: #555555;
  border: 2px solid #555555;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
}
.input-control.range input[type=range]::-ms-thumb {
  width: 1em;
  height: 1em;
  margin-top: 0;
  background-color: #555555;
  border: 2px solid #555555;
  cursor: pointer;
}
.input-control.range input[type=range]:hover::-webkit-slider-thumb {
  border-color: #373737;
  background-color: #1d1d1d;
}
.input-control.range input[type=range]:hover::-moz-range-thumb {
  border-color: #373737;
  background-color: #1d1d1d;
}
.input-control.range input[type=range]:hover::-ms-thumb {
  border-color: #373737;
  background-color: #1d1d1d;
}
.input-control.range input[type=range]:active::-webkit-slider-thumb {
  border-color: #373737;
}
.input-control.range input[type=range]:active::-moz-range-thumb {
  border-color: #373737;
}
.input-control.range input[type=range]:active::-ms-thumb {
  border-color: #373737;
}
.input-control.range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
  height: 100%;
  background-color: #00aba9;
  transition: background .3s ease;
}
.input-control.range input[type=range]::-moz-range-track {
  width: 100%;
  cursor: pointer;
  height: 100%;
  background-color: #00aba9;
  transition: background .3s ease;
}
.input-control.range input[type=range]::-ms-track {
  background: #00aba9;
  border-color: transparent;
  color: transparent;
  height: 1.25em;
}
.input-control.range input[type=range]::-ms-fill-lower {
  background: #00aba9;
}
.input-control.range input[type=range]::-ms-fill-upper {
  display: none;
}
.input-control.range input[type=range]::-moz-range-track {
  height: 1.25em;
}
.input-control.range.big-input {
  height: 2.125rem;
}
.input-control.range.big-input input[type=range] {
  padding: 0;
}
.input-control.range.big-input input[type=range]::-moz-range-track {
  height: 1.2em;
}
.progress,
.progress-bar {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: .625rem 0;
  background: #eeeeee;
  overflow: hidden;
}
.progress:before,
.progress-bar:before,
.progress:after,
.progress-bar:after {
  display: table;
  content: "";
}
.progress:after,
.progress-bar:after {
  clear: both;
}
.progress .bar,
.progress-bar .bar {
  position: relative;
  display: block;
  float: left;
  width: 0;
  background-color: #1ba1e2;
  z-index: 1;
  text-align: center;
  height: .625rem;
  line-height: .625rem;
  color: #ffffff;
}
.progress.small > .bar,
.progress-bar.small > .bar {
  height: .3125rem;
}
.progress.large > .bar,
.progress-bar.large > .bar {
  height: 1rem;
}
.progress.gradient-bar .bar,
.progress-bar.gradient-bar .bar {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.progress.ani .bar,
.progress-bar.ani .bar {
  -webkit-animation: ani-bg-stripes 2s linear infinite;
          animation: ani-bg-stripes 2s linear infinite;
}
.popover {
  display: block;
  min-width: 12.5rem;
  height: auto;
  position: relative;
  background-color: #eeeeee;
  padding: 1.25rem;
}
.popover * {
  color: inherit;
}
.popover.popover-shadow {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.popover:before {
  content: "";
  width: .625rem;
  height: .625rem;
  display: block;
  position: absolute;
  background-color: inherit;
  left: -0.3125rem;
  top: 50%;
  margin-top: -0.3125rem;
  transform: rotate(45deg);
}
.popover.marker-on-top:before {
  top: 0;
  left: 50%;
  margin-left: -0.3125rem;
}
.popover.marker-on-right:before {
  top: 50%;
  margin-top: -0.3125rem;
  left: 100%;
  margin-left: -0.3125rem;
}
.popover.marker-on-bottom:before {
  top: 100%;
  margin-left: -0.3125rem;
  left: 50%;
  margin-top: -0.3125rem;
}
.overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1049;
}
.overlay.transparent {
  background-color: rgba(255, 255, 255, 0);
}
.window {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.window-caption {
  position: relative;
  background-color: #ffffff;
  padding: .4375rem .3125rem;
  border-bottom: 1px #e9e9e9 solid;
  border-top: 0;
  cursor: default;
}
.window-caption .window-caption-title {
  font-size: .875rem;
  font-style: normal;
  font-weight: 700;
}
.window-caption .window-caption-icon {
  margin-left: .3125rem;
}
.window-caption .window-caption-icon * {
  height: 1rem;
  width: 1rem;
}
.window-caption .window-caption-icon ~ .window-caption-title {
  padding-left: .3125rem;
}
.window-caption .btn-close,
.window-caption .btn-min,
.window-caption .btn-max {
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  min-height: 1.5rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: normal;
  padding: 0 0 .625rem 0;
  z-index: 3;
  outline: none;
  cursor: pointer;
  display: block;
  background-color: #ffffff;
  color: #777777;
  top: .25rem;
  right: .25rem;
}
.window-caption .btn-close:hover,
.window-caption .btn-min:hover,
.window-caption .btn-max:hover {
  background-color: #cde6f7;
  color: #2a8dd4;
}
.window-caption .btn-close:hover:after,
.window-caption .btn-min:hover:after,
.window-caption .btn-max:hover:after {
  border-color: #2a8dd4;
}
.window-caption .btn-close:active,
.window-caption .btn-min:active,
.window-caption .btn-max:active {
  background-color: #92c0e0;
  color: #ffffff;
}
.window-caption .btn-close:after,
.window-caption .btn-min:after,
.window-caption .btn-max:after {
  border-color: #777777;
  content: '\D7';
  position: absolute;
  left: 50%;
  top: -2px;
  margin-left: -0.25em;
}
.window-caption .btn-min:after,
.window-caption .btn-max:after {
  display: block;
  position: absolute;
  width: .625rem;
  height: .625rem;
  border: 0 #000 solid;
  border-bottom-width: 2px;
  content: ' ';
  bottom: .375rem;
  left: 50%;
  margin-left: -0.375rem;
  top: auto;
}
.window-caption .btn-max:after {
  height: .375rem;
  border: 1px #000 solid;
  border-top-width: 2px;
}
.window-caption .btn-max {
  right: 1.8125rem;
}
.window-caption .btn-min {
  right: 3.375rem;
}
.window-caption .btn-close:after {
  margin-top: .1875rem;
  margin-left: -0.3125rem;
}
.window-content {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  padding: .25rem;
}
.window.success {
  box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.window.success .window-caption {
  background-color: #60a917;
  color: #ffffff;
}
.window.error {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.window.error .window-caption {
  background-color: #CE352C;
  color: #ffffff;
}
.window.warning {
  box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.window.warning .window-caption {
  background-color: #fa6800;
  color: #ffffff;
}
.simple-list,
.numeric-list {
  list-style: none;
  counter-reset: li;
  padding-left: 0;
  margin-left: .625rem;
  color: #262626;
}
.simple-list li ul,
.numeric-list li ul,
.simple-list li ol,
.numeric-list li ol {
  list-style: none;
  padding-left: 1.5625rem;
}
.simple-list li,
.numeric-list li {
  position: relative;
  padding: 4px 12px;
  list-style: none;
  color: inherit;
}
.simple-list li:before,
.numeric-list li:before {
  position: absolute;
  top: 50%;
  margin-top: -0.8rem;
  left: -0.625rem;
  color: #59cde2;
  font-size: 2rem;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
}
.simple-list ul,
.numeric-list ul {
  margin: 4px .5em 0;
}
.simple-list > li:before {
  content: "\2022";
}
.simple-list ul li:before {
  content: "\00B7";
}
.numeric-list > li {
  padding: 4px 12px 4px 18px;
}
.numeric-list > li:before {
  content: counter(li);
  counter-increment: li;
  font-size: .8rem ;
  color: #ffffff;
  background-color: #59cde2;
  border-radius: 50%;
  text-align: center;
  margin-top: -0.65rem;
}
.numeric-list.square-marker > li:before,
.numeric-list.square-bullet > li:before {
  border-radius: 0;
}
.simple-list.large-bullet li,
.numeric-list.large-bullet li {
  margin: 6px 0;
  padding-left: 2rem;
}
.simple-list.large-bullet li:before,
.numeric-list.large-bullet li:before {
  line-height: 2rem;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
}
.simple-list.large-bullet li {
  padding-left: 1rem;
}
.simple-list.large-bullet li:before {
  margin-top: -1.3rem;
  font-size: 3rem;
}
.simple-list.dark-bullet li:before {
  color: #1d1d1d;
}
.simple-list.alert-bullet li:before {
  color: #CE352C;
}
.simple-list.info-bullet li:before {
  color: #1ba1e2;
}
.simple-list.success-bullet li:before {
  color: #60a917;
}
.simple-list.warning-bullet li:before {
  color: #e3c800;
}
.simple-list.red-bullet li:before {
  color: #CE352C;
}
.simple-list.blue-bullet li:before {
  color: #1ba1e2;
}
.simple-list.green-bullet li:before {
  color: #60a917;
}
.simple-list.yellow-bullet li:before {
  color: #e3c800;
}
.numeric-list.dark-bullet li:before {
  background-color: #1d1d1d;
}
.numeric-list.alert-bullet li:before {
  background-color: #CE352C;
}
.numeric-list.info-bullet li:before {
  background-color: #1ba1e2;
}
.numeric-list.success-bullet li:before {
  background-color: #60a917;
}
.numeric-list.warning-bullet li:before {
  background-color: #e3c800;
}
.numeric-list.red-bullet li:before {
  background-color: #CE352C;
}
.numeric-list.blue-bullet li:before {
  background-color: #1ba1e2;
}
.numeric-list.green-bullet li:before {
  background-color: #60a917;
}
.numeric-list.yellow-bullet li:before {
  background-color: #e3c800;
}
.step-list {
  margin: 0 0 0 2rem;
  padding: 0;
  list-style-type: none;
  counter-reset: li;
}
.step-list > li {
  border-left: 1px #ccc solid;
  position: relative;
  padding: 0 .625rem;
  margin: .625rem;
  vertical-align: top;
}
.step-list > li:before {
  position: absolute;
  content: counter(li);
  counter-increment: li;
  font-size: 2rem;
  color: #999999;
  left: 0;
  top: .3125rem;
  margin-left: -1.5rem;
}
.image-container {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
}
.image-container .frame {
  background-color: #ffffff;
  position: relative;
  width: 100%;
  height: 100%;
}
.image-container img {
  display: block;
  width: 100%;
  height: 100%;
}
.image-container .image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  overflow: hidden;
  font-size: .875rem;
  line-height: 1rem;
  padding: 1em 1.5em;
  background-color: rgba(27, 161, 226, 0.7);
  color: #ffffff;
  text-align: center;
  border-radius: inherit;
  transition: all 0.65s ease;
}
.image-container .image-overlay:hover {
  opacity: 1;
}
.image-container .image-overlay:hover:before,
.image-container .image-overlay:hover:after {
  opacity: 1;
  transform: scale(1);
}
.image-container .image-overlay:before,
.image-container .image-overlay:after {
  display: block;
  position: absolute;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.7);
  top: 1em;
  bottom: 1em;
  left: 1em;
  right: 1em;
  opacity: 0;
  border-radius: inherit;
  transform: scale(1.5);
  transition: all 0.65s ease;
}
.image-container .image-overlay:after {
  border-left: none;
  border-right: none;
  bottom: 1em;
  top: 1em;
}
.image-container .image-overlay:before {
  border-top: none;
  border-bottom: none;
  bottom: 1em;
  top: 1em;
}
.image-container.diamond {
  overflow: hidden;
}
.image-container.diamond .frame {
  transform: rotate(45deg);
  overflow: hidden;
}
.image-container.diamond .frame img,
.image-container.diamond .frame .image-replacer {
  transform: rotate(-45deg);
}
.image-container.rounded img {
  border-radius: 0.3125rem;
}
.image-container.bordered .frame {
  border: 1px #eeeeee solid;
  padding: .5rem;
}
.image-container.polaroid .frame {
  border: 1px #eeeeee solid;
  padding: .5rem .5rem 2rem;
}
.image-container.handing {
  margin-top: 20px;
}
.image-container.handing .frame {
  border: 1px #eeeeee solid;
  position: relative;
  padding: .5rem;
}
.image-container.handing .frame:after {
  content: "";
  position: absolute;
  width: .625rem;
  height: .625rem;
  background-color: #647687;
  border-radius: 50%;
  top: -20%;
  left: 50%;
  margin-left: -0.3125rem;
  z-index: 3;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.image-container.handing.image-format-hd .frame:after {
  top: -25%;
}
.image-container.handing.image-format-square .frame:after {
  top: -15%;
}
.image-container.handing:after {
  position: absolute;
  content: "";
  background-color: transparent;
  border-top: 1px solid #eeeeee;
  transform: rotate(-16deg);
  z-index: 2;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
  transform-origin: top left;
}
.image-container.handing:before {
  position: absolute;
  content: "";
  background-color: transparent;
  border-top: 1px solid #eeeeee;
  transform: rotate(16deg);
  z-index: 2;
  top: 0;
  right: 0;
  width: 50%;
  height: 50%;
  transform-origin: top right;
}
.image-container.handing.ani {
  transform-origin: 50% -25px;
  -webkit-animation: swinging 10s ease-in-out 0s infinite;
          animation: swinging 10s ease-in-out 0s infinite;
}
.image-container.handing.ani-hover:hover {
  transform-origin: 50% -25px;
  -webkit-animation: swinging 5s ease-in-out 0s;
          animation: swinging 5s ease-in-out 0s;
}
.ani-spin,
.ani-hover-spin:hover {
  -webkit-animation: ani-spin 1.5s linear infinite;
          animation: ani-spin 1.5s linear infinite;
}
.ani-spin.ani-fast,
.ani-hover-spin.ani-fast:hover {
  -webkit-animation: ani-spin 0.7s linear infinite;
          animation: ani-spin 0.7s linear infinite;
}
.ani-spin.ani-slow,
.ani-hover-spin.ani-slow:hover {
  -webkit-animation: ani-spin 2.2s linear infinite;
          animation: ani-spin 2.2s linear infinite;
}
.ani-pulse,
.ani-hover-pulse:hover {
  -webkit-animation: ani-pulse 1.7s infinite;
          animation: ani-pulse 1.7s infinite;
}
.ani-pulse.ani-fast,
.ani-hover-pulse.ani-fast:hover {
  -webkit-animation: ani-pulse 1s infinite;
          animation: ani-pulse 1s infinite;
}
.ani-pulse.ani-slow,
.ani-hover-pulse.ani-slow:hover {
  -webkit-animation: ani-pulse 3s infinite;
          animation: ani-pulse 3s infinite;
}
.ani-spanner,
.ani-hover-spanner:hover {
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.ani-spanner.ani-fast,
.ani-hover-spanner.ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.ani-spanner.ani-slow,
.ani-hover-spanner.ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.ani-ring,
.ani-hover-ring:hover {
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
  -webkit-animation: ani-ring 2s ease infinite;
          animation: ani-ring 2s ease infinite;
}
.ani-ring.ani-fast,
.ani-hover-ring.ani-fast:hover {
  -webkit-animation: ani-ring 1s ease infinite;
          animation: ani-ring 1s ease infinite;
}
.ani-ring.ani-slow,
.ani-hover-ring.ani-slow:hover {
  -webkit-animation: ani-ring 3s ease infinite;
          animation: ani-ring 3s ease infinite;
}
.ani-vertical,
.ani-hover-vertical:hover {
  -webkit-animation: ani-vertical 2s ease infinite;
          animation: ani-vertical 2s ease infinite;
}
.ani-vertical.ani-fast,
.ani-vertical.ani-fast:hover {
  -webkit-animation: ani-vertical 1s ease infinite;
          animation: ani-vertical 1s ease infinite;
}
.ani-vertical.ani-slow,
.ani-hover-vertical.ani-slow:hover {
  -webkit-animation: ani-vertical 4s ease infinite;
          animation: ani-vertical 4s ease infinite;
}
.ani-horizontal,
.ani-hover-horizontal:hover {
  -webkit-animation: ani-horizontal 2s ease infinite;
          animation: ani-horizontal 2s ease infinite;
}
.ani-horizontal.ani-fast,
.ani-horizontal.ani-fast:hover {
  -webkit-animation: ani-horizontal 1s ease infinite;
          animation: ani-horizontal 1s ease infinite;
}
.ani-horizontal.ani-slow,
.ani-horizontal.ani-slow:hover {
  -webkit-animation: ani-horizontal 3s ease infinite;
          animation: ani-horizontal 3s ease infinite;
}
.ani-flash,
.ani-hover-flash:hover {
  -webkit-animation: ani-flash 2s ease infinite;
          animation: ani-flash 2s ease infinite;
}
.ani-flash.ani-fast,
.ani-hover-flash.ani-fast:hover {
  -webkit-animation: ani-flash 1s ease infinite;
          animation: ani-flash 1s ease infinite;
}
.ani-flash.ani-slow,
.ani-hover-flash.ani-slow:hover {
  -webkit-animation: ani-flash 3s ease infinite;
          animation: ani-flash 3s ease infinite;
}
.ani-bounce,
.ani-hover-bounce:hover {
  -webkit-animation: ani-bounce 2s ease infinite;
          animation: ani-bounce 2s ease infinite;
}
.ani-bounce.ani-fast,
.ani-hover-bounce.ani-fast:hover {
  -webkit-animation: ani-bounce 1s ease infinite;
          animation: ani-bounce 1s ease infinite;
}
.ani-bounce.ani-slow,
.ani-hover-bounce.ani-slow:hover {
  -webkit-animation: ani-bounce 3s ease infinite;
          animation: ani-bounce 3s ease infinite;
}
.ani-float,
.ani-hover-float:hover {
  -webkit-animation: ani-float 2s linear infinite;
          animation: ani-float 2s linear infinite;
}
.ani-float.ani-fast,
.ani-hover-float.ani-fast:hover {
  -webkit-animation: ani-float 1s linear infinite;
          animation: ani-float 1s linear infinite;
}
.ani-float.ani-slow,
.ani-hover-float.ani-slow:hover {
  -webkit-animation: ani-float 3s linear infinite;
          animation: ani-float 3s linear infinite;
}
.ani-heartbeat,
.ani-hover-heartbeat:hover {
  -webkit-animation: ani-heartbeat 2s linear infinite;
          animation: ani-heartbeat 2s linear infinite;
}
.ani-heartbeat.ani-fast,
.ani-hover-heartbeat.ani-fast:hover {
  -webkit-animation: ani-heartbeat 1s linear infinite;
          animation: ani-heartbeat 1s linear infinite;
}
.ani-heartbeat.ani-slow,
.ani-hover-heartbeat.ani-slow:hover {
  -webkit-animation: ani-heartbeat 3s linear infinite;
          animation: ani-heartbeat 3s linear infinite;
}
.ani-shake,
.ani-hover-shake:hover {
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.ani-shake.ani-fast,
.ani-hover-shake.ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.ani-shake.ani-slow,
.ani-hover-shake.ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.ani-shuttle,
.ani-hover-shuttle:hover {
  -webkit-animation: ani-shuttle 2s linear infinite;
          animation: ani-shuttle 2s linear infinite;
}
.ani-shuttle.ani-fast,
.ani-hover-shuttle.ani-fast:hover {
  -webkit-animation: ani-shuttle 1s linear infinite;
          animation: ani-shuttle 1s linear infinite;
}
.ani-shuttle.ani-slow,
.ani-hover-shuttle.ani-slow:hover {
  -webkit-animation: ani-shuttle 3s linear infinite;
          animation: ani-shuttle 3s linear infinite;
}
.ani-pass,
.ani-hover-pass:hover {
  -webkit-animation: ani-pass 2s linear infinite;
          animation: ani-pass 2s linear infinite;
}
.ani-pass.ani-fast,
.ani-hover-pass.ani-fast:hover {
  -webkit-animation: ani-pass 1s linear infinite;
          animation: ani-pass 1s linear infinite;
}
.ani-pass.ani-slow,
.ani-hover-pass.ani-slow:hover {
  -webkit-animation: ani-pass 3s linear infinite;
          animation: ani-pass 3s linear infinite;
}
.ani-ripple,
.ani-hover-ripple:hover {
  -webkit-animation: ani-ripple 2s infinite linear;
          animation: ani-ripple 2s infinite linear;
}
.ani-ripple.ani-fast,
.ani-hover-ripple.ani-fast:hover {
  -webkit-animation: ani-ripple 1s infinite linear;
          animation: ani-ripple 1s infinite linear;
}
.ani-ripple.ani-slow,
.ani-hover-ripple.ani-slow:hover {
  -webkit-animation: ani-ripple 3s infinite linear;
          animation: ani-ripple 3s infinite linear;
}
@-webkit-keyframes swinging {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(10deg);
  }
  10% {
    transform: rotate(-9deg);
  }
  15% {
    transform: rotate(8deg);
  }
  20% {
    transform: rotate(-7deg);
  }
  25% {
    transform: rotate(6deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  35% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-3deg);
  }
  45% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes swinging {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(10deg);
  }
  10% {
    transform: rotate(-9deg);
  }
  15% {
    transform: rotate(8deg);
  }
  20% {
    transform: rotate(-7deg);
  }
  25% {
    transform: rotate(6deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  35% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-3deg);
  }
  45% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes cubemove {
  25% {
    transform: translateX(10px) rotate(-90deg);
  }
  50% {
    transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes cubemove {
  25% {
    transform: translateX(10px) rotate(-90deg);
  }
  50% {
    transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    transform: rotate(225deg);
  }
  7% {
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    transform: rotate(955deg);
    opacity: 0;
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    transform: rotate(225deg);
  }
  7% {
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    transform: rotate(955deg);
    opacity: 0;
  }
}
@-webkit-keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@-webkit-keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ani-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes ani-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes ani-pulse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes ani-pulse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes ani-wrench {
  0% {
    transform: rotate(-12deg);
  }
  8% {
    transform: rotate(12deg);
  }
  10% {
    transform: rotate(24deg);
  }
  18% {
    transform: rotate(-24deg);
  }
  20% {
    transform: rotate(-24deg);
  }
  28% {
    transform: rotate(24deg);
  }
  30% {
    transform: rotate(24deg);
  }
  38% {
    transform: rotate(-24deg);
  }
  40% {
    transform: rotate(-24deg);
  }
  48% {
    transform: rotate(24deg);
  }
  50% {
    transform: rotate(24deg);
  }
  58% {
    transform: rotate(-24deg);
  }
  60% {
    transform: rotate(-24deg);
  }
  68% {
    transform: rotate(24deg);
  }
  75% {
    transform: rotate(0deg);
  }
}
@keyframes ani-wrench {
  0% {
    transform: rotate(-12deg);
  }
  8% {
    transform: rotate(12deg);
  }
  10% {
    transform: rotate(24deg);
  }
  18% {
    transform: rotate(-24deg);
  }
  20% {
    transform: rotate(-24deg);
  }
  28% {
    transform: rotate(24deg);
  }
  30% {
    transform: rotate(24deg);
  }
  38% {
    transform: rotate(-24deg);
  }
  40% {
    transform: rotate(-24deg);
  }
  48% {
    transform: rotate(24deg);
  }
  50% {
    transform: rotate(24deg);
  }
  58% {
    transform: rotate(-24deg);
  }
  60% {
    transform: rotate(-24deg);
  }
  68% {
    transform: rotate(24deg);
  }
  75% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes ani-ring {
  0% {
    transform: rotate(-15deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-18deg);
  }
  6% {
    transform: rotate(18deg);
  }
  8% {
    transform: rotate(-22deg);
  }
  10% {
    transform: rotate(22deg);
  }
  12% {
    transform: rotate(-18deg);
  }
  14% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-12deg);
  }
  18% {
    transform: rotate(12deg);
  }
  20% {
    transform: rotate(0deg);
  }
}
@keyframes ani-ring {
  0% {
    transform: rotate(-15deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-18deg);
  }
  6% {
    transform: rotate(18deg);
  }
  8% {
    transform: rotate(-22deg);
  }
  10% {
    transform: rotate(22deg);
  }
  12% {
    transform: rotate(-18deg);
  }
  14% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-12deg);
  }
  18% {
    transform: rotate(12deg);
  }
  20% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes ani-vertical {
  0% {
    transform: translate(0, -3px);
  }
  4% {
    transform: translate(0, 3px);
  }
  8% {
    transform: translate(0, -3px);
  }
  12% {
    transform: translate(0, 3px);
  }
  16% {
    transform: translate(0, -3px);
  }
  20% {
    transform: translate(0, 3px);
  }
  22% {
    transform: translate(0, 0);
  }
}
@keyframes ani-vertical {
  0% {
    transform: translate(0, -3px);
  }
  4% {
    transform: translate(0, 3px);
  }
  8% {
    transform: translate(0, -3px);
  }
  12% {
    transform: translate(0, 3px);
  }
  16% {
    transform: translate(0, -3px);
  }
  20% {
    transform: translate(0, 3px);
  }
  22% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ani-horizontal {
  0% {
    transform: translate(0, 0);
  }
  6% {
    transform: translate(5px, 0);
  }
  12% {
    transform: translate(0, 0);
  }
  18% {
    transform: translate(5px, 0);
  }
  24% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(5px, 0);
  }
  36% {
    transform: translate(0, 0);
  }
}
@keyframes ani-horizontal {
  0% {
    transform: translate(0, 0);
  }
  6% {
    transform: translate(5px, 0);
  }
  12% {
    transform: translate(0, 0);
  }
  18% {
    transform: translate(5px, 0);
  }
  24% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(5px, 0);
  }
  36% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ani-flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes ani-flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes ani-bounce {
  0%,
  10%,
  20%,
  50%,
  80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes ani-bounce {
  0%,
  10%,
  20%,
  50%,
  80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes ani-float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes ani-float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes ani-heartbeat {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes ani-heartbeat {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes ani-shuttle {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-8deg);
  }
  30%,
  50%,
  70% {
    transform: scale(1.3) rotate(8deg);
  }
  40%,
  60% {
    transform: scale(1.3) rotate(-8deg);
  }
  80% {
    transform: scale(1) rotate(0);
  }
}
@keyframes ani-shuttle {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-8deg);
  }
  30%,
  50%,
  70% {
    transform: scale(1.3) rotate(8deg);
  }
  40%,
  60% {
    transform: scale(1.3) rotate(-8deg);
  }
  80% {
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes ani-pass {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes ani-pass {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes ani-ripple {
  0% {
    opacity: .6;
  }
  50% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ani-ripple {
  0% {
    opacity: .6;
  }
  50% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ani-shrink {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes ani-shrink {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@-webkit-keyframes ani-drop {
  0% {
    transform: translateY(-50px);
  }
  25% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes ani-drop {
  0% {
    transform: translateY(-50px);
  }
  25% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes ani-drop2 {
  0% {
    transform: translateY(-50px);
  }
  50% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes ani-drop2 {
  0% {
    transform: translateY(-50px);
  }
  50% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes ani-drop3 {
  0% {
    transform: translateY(-50px);
  }
  75% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes ani-drop3 {
  0% {
    transform: translateY(-50px);
  }
  75% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes ani-pre-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ani-pre-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ani-bg-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes ani-bg-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.calendar {
  min-width: 13.75rem;
  border: 1px #eeeeee solid;
  font-size: .75rem;
  padding: .3125rem;
  background-color: #ffffff;
}
.calendar .calendar-grid {
  margin: 0;
  padding: 0;
}
.calendar .calendar-row {
  margin: 0 0 .3125rem;
  width: 100%;
}
.calendar .calendar-row:before,
.calendar .calendar-row:after {
  display: table;
  content: "";
}
.calendar .calendar-row:after {
  clear: both;
}
.calendar .calendar-row:last-child {
  margin-bottom: 0;
}
.calendar .calendar-cell {
  width: 12.46201429%;
  margin: 0 0 0 2.12765%;
  display: block;
  float: left;
}
.calendar .calendar-cell:first-child {
  margin-left: 0;
}
.calendar .calendar-cell.sel-month {
  width: 41.64134286%;
}
.calendar .calendar-cell.sel-year {
  width: 48.936175%;
}
.calendar .calendar-cell.sel-plus,
.calendar .calendar-cell.sel-minus {
  width: 23.4042625%;
}
.calendar .calendar-cell.month-cell,
.calendar .calendar-cell.year-cell {
  width: 23.4042625%;
}
.calendar .calendar-actions .button {
  margin: .15625rem;
}
.calendar .day-of-week {
  padding: .3125rem;
  cursor: default;
}
.calendar a {
  display: block;
  padding: .3125rem 0;
}
.calendar a:hover {
  background-color: #75c7ee;
  color: #ffffff;
  border-radius: inherit;
}
.calendar .calendar-header {
  background-color: #59cde2;
  color: #ffffff;
}
.calendar .calendar-header a {
  color: #ffffff;
  padding: .325rem;
}
.calendar .calendar-header a:hover {
  background-color: #47b4e9;
  color: #ffffff;
}
.calendar .calendar-actions:before,
.calendar .calendar-actions:after {
  display: table;
  content: "";
}
.calendar .calendar-actions:after {
  clear: both;
}
.calendar .today a {
  background-color: #60a917;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.calendar .day {
  border: 1px #bcd9e2 solid;
  text-align: center;
}
.calendar .day a {
  display: block;
  position: relative;
  text-align: center;
}
.calendar .month,
.calendar .year {
  border: 1px #bcd9e2 solid;
}
.calendar .month a,
.calendar .year a {
  padding-top: 1.3125rem;
  padding-bottom: 1.3125rem;
}
.calendar .empty {
  cursor: default;
}
.calendar .other-day {
  display: block;
  text-align: center;
  color: #999999;
  padding: .325rem;
  background-color: #eeeeee;
  border: 1px #bcd9e2 solid;
}
.calendar .exclude {
  background-color: #CE352C;
}
.calendar .exclude a {
  cursor: not-allowed;
  background-color: #CE352C;
  color: #ffffff;
}
.calendar .stored {
  background-color: #f472d0;
}
.calendar .stored a {
  cursor: pointer;
  background-color: #f472d0;
  color: #ffffff;
}
.calendar .selected {
  background-color: #59cde2;
}
.calendar .selected a {
  background-color: #59cde2;
  color: #ffffff;
}
.calendar.rounded button {
  border-radius: 0.3125rem;
}
.calendar.rounded .day,
.calendar.rounded .month,
.calendar.rounded .year,
.calendar.rounded .other-day,
.calendar.rounded .today,
.calendar.rounded .calendar-header,
.calendar.rounded .selected {
  border-radius: 0.3125rem;
}
.calendar.rounded .today a,
.calendar.rounded .selected a,
.calendar.rounded .exclude a {
  border-radius: 0.3125rem;
}
.calendar.rounded .calendar-header a:hover {
  border-radius: 0.3125rem;
}
.calendar.no-border .day,
.calendar.no-border .month,
.calendar.no-border .year,
.calendar.no-border .other-day,
.calendar.no-border .today,
.calendar.no-border .calendar-header {
  border: 0;
}
.calendar.no-border .today a {
  border: 0;
}
.calendar-dropdown {
  border: 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.stepper {
  margin: 10px 0;
  width: 100%;
}
.stepper:before,
.stepper:after {
  display: table;
  content: "";
}
.stepper:after {
  clear: both;
}
.stepper > ul {
  counter-reset: li;
  border-top: 1px #1d1d1d dotted;
  position: relative;
  padding: 0;
  margin: 30px 0;
  width: 100%;
  display: block;
}
.stepper > ul li {
  list-style: none;
  float: left;
  width: 2em;
  height: 2em;
  margin-top: -1em;
  position: absolute;
  left: 0;
  background: #666;
  cursor: pointer;
  font-size: .875rem;
}
.stepper > ul li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  box-sizing: border-box;
  padding: .3em 10px;
  color: #fff;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: .9em;
  text-align: center;
}
.stepper > ul li:hover {
  background-color: #999999;
}
.stepper > ul li.current,
.stepper > ul li.complete {
  transition: all 0.2s ease;
}
.stepper > ul li.current {
  background-color: #1ba1e2;
}
.stepper > ul li.current:hover {
  background-color: #00CCFF;
}
.stepper > ul li.complete {
  background-color: #60a917;
}
.stepper > ul li.complete:hover {
  background-color: #7ad61d;
}
.stepper.cycle li {
  border-radius: 50%;
}
.stepper.diamond li {
  transform: rotate(45deg);
}
.stepper.diamond li:before {
  transform: rotate(-45deg);
}
.wizard {
  position: relative;
}
.wizard .steps {
  margin: 10px 0;
  padding: 20px;
  border: 1px #eeeeee solid;
  position: relative;
}
.wizard .steps .step {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}
.wizard .steps .step:first-child {
  display: block;
}
.wizard .actions .group-right {
  float: right;
}
.wizard .actions .group-left {
  float: left;
}
.wizard .actions button {
  padding: 0 1rem;
  height: 2.125rem;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  margin-right: 2px;
}
.wizard .actions button.default {
  background-color: #008287;
  color: #fff;
}
.wizard .actions button:hover {
  border-color: #787878;
}
.wizard .actions button:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
.wizard .actions button:focus {
  outline: 0;
}
.wizard .actions button:disabled,
.wizard .actions button.disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
.wizard .actions button * {
  color: inherit;
}
.wizard .actions button *:hover {
  color: inherit;
}
.wizard .actions button.rounded {
  border-radius: .325rem;
}
.wizard .actions button > [class*=mif-] {
  vertical-align: middle;
}
.wizard .actions button img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
.wizard .actions button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.wizard .actions button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.wizard .actions button.loading-pulse.lighten:before {
  background-color: #fff;
}
.wizard .actions button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.wizard .actions button.loading-cube:before,
.wizard .actions button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.wizard .actions button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.wizard .actions button.loading-cube.lighten:before,
.wizard .actions button.loading-cube.lighten:after {
  background-color: #fff;
}
.wizard .actions button.dropdown-toggle {
  padding-right: 1.625rem;
}
.wizard .actions button.dropdown-toggle.drop-marker-light:before,
.wizard .actions button.dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
.wizard .actions button.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.wizard .actions button.primary:active {
  background: #1B6EAE;
  color: #ffffff;
}
.wizard .actions button.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.wizard .actions button.success:active {
  background: #128023;
  color: #ffffff;
}
.wizard .actions button.danger,
.wizard .actions button.alert {
  background: #CE352C;
  color: #ffffff;
  border-color: #CE352C;
}
.wizard .actions button.danger:active,
.wizard .actions button.alert:active {
  background: #9a1616;
  color: #ffffff;
}
.wizard .actions button.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.wizard .actions button.info:active {
  background: #1ba1e2;
  color: #ffffff;
}
.wizard .actions button.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.wizard .actions button.warning:active {
  background: #bf5a15;
  color: #ffffff;
}
.wizard .actions button.link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
.wizard .actions button.link:hover,
.wizard .actions button.link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
.wizard .actions button:last-child {
  margin-right: 0;
}
.wizard .actions button.btn-finish {
  background-color: #60a917;
  color: #ffffff;
}
.wizard .actions button:disabled {
  background-color: #6f6f6f;
}
.wizard2 {
  counter-reset: div;
  position: relative;
  width: 100%;
}
.wizard2:before,
.wizard2:after {
  display: table;
  content: "";
}
.wizard2:after {
  clear: both;
}
.wizard2 .step {
  width: auto;
  display: block;
  float: left;
  position: relative;
  z-index: 1;
  padding: 0 0 3rem;
}
.wizard2 .step:before {
  content: counter(div);
  counter-increment: div;
  position: absolute;
  font-size: .8rem;
  bottom: 20px;
  width: 24px;
  text-align: center;
}
.wizard2 .step.active {
  border: 0;
}
.wizard2 .step.active:before {
  visibility: hidden;
}
.wizard2 .step.prev {
  border-left: 24px solid #eeeeee;
  border-right: 1px solid #e6e6e6;
  width: 0 ;
}
.wizard2 .step.prev:before {
  left: 0 ;
  margin-left: -24px;
  color: #1d1d1d;
}
.wizard2 .step.next {
  border-left: 1px solid #e6e6e6;
  border-right: 24px solid #1ba1e2;
  width: 0;
}
.wizard2 .step.next:before {
  left: 100%;
  color: #ffffff;
}
.wizard2 .step.next + .next {
  border-color: #1891cb;
}
.wizard2 .step.next + .next + .next {
  border-color: #1681b4;
}
.wizard2 .step.next + .next + .next + .next {
  border-color: #13709e;
}
.wizard2 .step.next + .next + .next + .next + .next {
  border-color: #106087;
}
.wizard2 .step.next + .next + .next + .next + .next + .next {
  border-color: #0b4059;
}
.wizard2 .step.next + .next + .next + .next + .next + .next + .next {
  border-color: #082f43;
}
.wizard2 .step.next + .next + .next + .next + .next + .next + .next + .next {
  border-color: #051f2c;
}
.wizard2 .step.next + .next + .next + .next + .next + .next + .next + .next + .next {
  border-color: #030f15;
}
.wizard2 .step-content {
  width: auto;
  overflow: hidden;
  padding: .625rem;
}
.wizard2 .step.prev .step-content,
.wizard2 .step.next .step-content {
  width: 0 ;
  padding: 0 ;
}
.wizard2 .action-bar {
  padding: 0 .625rem;
  position: absolute;
  bottom: 10px;
  text-align: right;
  z-index: 2;
}
.wizard2 .action-bar:before,
.wizard2 .action-bar:after {
  display: table;
  content: "";
}
.wizard2 .action-bar:after {
  clear: both;
}
.wizard2 .action-bar .button {
  margin: 0 .125rem;
  opacity: .6;
}
.wizard2 .action-bar .button:hover {
  opacity: 1;
}
.countdown {
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  margin: .1em 0 1.2em;
}
.countdown .part {
  display: inline-block;
  position: relative;
}
.countdown .part.days:after,
.countdown .part.hours:after,
.countdown .part.minutes:after,
.countdown .part.seconds:after {
  position: absolute;
  content: attr(data-day-text);
  text-align: center;
  top: 100%;
  left: 0;
  width: 100%;
  font-size: .6em;
  color: inherit;
}
.countdown .part.disabled .digit {
  opacity: .3;
  box-shadow: none;
}
.countdown .digit,
.countdown .divider {
  display: inline-block;
  padding: .3125em .625em;
  background-color: #1ba1e2;
  color: #ffffff;
  cursor: default;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.countdown .digit,
.countdown .divider {
  margin-left: 4px;
}
.countdown .divider {
  padding: .125em .25em;
  color: #1d1d1d;
  background-color: transparent;
  box-shadow: none;
}
.countdown.tick .divider {
  opacity: 0;
}
.countdown.labels-top {
  margin: 1.2em 0 .1em;
}
.countdown.labels-top .part.days:after,
.countdown.labels-top .part.hours:after,
.countdown.labels-top .part.minutes:after,
.countdown.labels-top .part.seconds:after {
  top: 0;
  left: 0;
  margin-top: -1.5em;
}
.countdown.rounded .part .digit {
  border-radius: .5em;
}
.countdown .digit.scaleIn {
  transition: all 0.5s ease;
  transform: scale(1.1);
}
.sidebar-container {
  background-color: #71b1d1;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.sidebar {
  background-color: #71b1d1;
  color: #ffffff;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none inside none;
}
.sidebar li {
  display: block;
  background-color: inherit;
  color: inherit;
  position: relative;
  height: 52px;
}
.sidebar li a {
  display: block;
  background-color: inherit;
  color: inherit;
  padding: .625rem 1rem .625rem 3.75rem;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: .875rem;
}
.sidebar li a .icon {
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  left: .625rem;
  top: .625rem;
}
.sidebar li a .title,
.sidebar li a .counter {
  display: block;
  margin: 0;
  white-space: nowrap;
}
.sidebar li a .title {
  font-size: .6875rem;
  font-weight: bold;
  text-transform: uppercase;
}
.sidebar li a .counter {
  font-size: .7rem;
  font-weight: normal;
}
.sidebar li:hover {
  background-color: #7cc1de;
}
.sidebar li.active {
  background-color: #ffffff;
  color: #323232;
}
.sidebar {
  transition: all 0.2s ease;
}
.sidebar.compact {
  width: 52px;
  transition: all 0.2s ease;
}
.sidebar.compact a {
  padding-right: 0;
  padding-left: 0;
  width: 52px;
}
.sidebar.compact .title {
  display: none ;
}
.sidebar.compact .counter {
  position: absolute;
  top: 0;
  right: 4px;
}
.sidebar2 {
  text-align: left;
  background: #ffffff;
  max-width: 15.625rem;
  list-style: none inside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  float: left;
  border-collapse: separate;
  border: 1px #eeeeee solid;
  width: 100%;
}
.sidebar2 li:hover > .dropdown-toggle:before {
  border-color: #ffffff;
}
.sidebar2 li {
  display: block;
  float: none;
  position: relative;
}
.sidebar2 li:before,
.sidebar2 li:after {
  display: table;
  content: "";
}
.sidebar2 li:after {
  clear: both;
}
.sidebar2 li a {
  color: #727272;
  font-size: .875rem;
  display: block;
  float: none;
  padding: .75rem 2rem .75rem 2.5rem;
  text-decoration: none;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
  min-width: 12.5rem;
  border: none;
}
.sidebar2 li a img,
.sidebar2 li a .icon {
  position: absolute;
  left: .875rem;
  top: 50%;
  margin-top: -0.5625rem;
  color: #262626;
  max-height: 1.125rem;
  font-size: 1.125rem;
  display: inline-block;
  margin-right: .3125rem;
  vertical-align: middle;
  text-align: center;
}
.sidebar2 li.active {
  border-left: 2px solid;
  border-color: #1ba1e2;
}
.sidebar2 li.active > a {
  background-color: #59cde2;
  color: #ffffff;
  font-weight: bold;
}
.sidebar2 li:hover {
  text-decoration: none;
  background: #59cde2;
}
.sidebar2 li:hover > a,
.sidebar2 li:hover .icon {
  color: #ffffff;
}
.sidebar2 li a[data-hotkey] {
  padding-right: 3.2rem;
}
.sidebar2 li a[data-hotkey]:after {
  content: attr(data-hotkey);
  position: absolute;
  right: 1.2rem;
  width: auto;
  font-size: .8em;
}
.sidebar2 .divider {
  padding: 0;
  height: 1px;
  margin: 0 1px;
  overflow: hidden;
  background-color: #f2f2f2;
}
.sidebar2 .divider:hover {
  background-color: #f2f2f2;
}
.sidebar2.subdown .d-menu {
  min-width: 0;
  position: relative;
  width: 100%;
  left: 0 ;
  right: 0 ;
  top: 100%;
  box-shadow: none;
}
.sidebar2 .item-block {
  display: block;
  padding: .625rem;
  background-color: #eeeeee;
}
.sidebar2 .d-menu {
  left: 100%;
  top: -10%;
}
.sidebar2 .menu-title {
  background-color: #f6f7f8;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 8px;
  border: 0;
  color: #646464;
}
.sidebar2 .menu-title:first-child {
  margin: 0;
  border-top-width: 0;
}
.sidebar2 .menu-title:first-child:hover {
  border-top-width: 0;
}
.sidebar2 .menu-title:hover {
  background-color: #f6f7f8;
  cursor: default;
  border: 0;
}
.sidebar2 .dropdown-toggle:before {
  transform: rotate(-135deg);
  margin-top: -2px;
}
.sidebar2 .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.sidebar2 .dropdown-toggle.active-toggle:before {
  transform: rotate(45deg);
  transition: all 0.3s ease;
}
.sidebar2.subdown .dropdown-toggle:before {
  transform: rotate(-45deg);
  margin-left: -1.25rem;
}
.sidebar2.subdown .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
}
.sidebar2 li.disabled a {
  color: #eeeeee;
}
.sidebar2 li.disabled:hover {
  background-color: inherit;
  cursor: default;
  border: 0;
}
.sidebar2 li.disabled:hover a {
  cursor: inherit;
}
.sidebar2.context li a {
  font-size: .75rem;
  padding: .3125rem 2rem .3125rem 2.5rem;
}
.sidebar2.context li a .icon {
  margin-top: -0.4375rem;
  font-size: .825rem;
  color: inherit;
}
.sidebar2.no-min-size li a {
  min-width: 0;
}
.sidebar2.full-size li a {
  min-width: 0;
  width: 100%;
}
.sidebar2 .d-menu {
  min-width: 0;
  position: relative;
  width: 100%;
  left: 0 ;
  right: 0 ;
  top: 100%;
  box-shadow: none;
}
.sidebar2 .dropdown-toggle:before {
  transform: rotate(-45deg);
  margin-left: -1.25rem;
}
.sidebar2 .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
}
.sidebar2 li {
  border-top: 1px #eeeeee solid;
  cursor: default;
}
.sidebar2 li.stick {
  position: relative;
}
.sidebar2 li.stick:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 44px;
  left: -7px;
  text-indent: -9999px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: inherit;
}
.sidebar2 li.disabled {
  background-color: inherit;
}
.sidebar2 li.disabled:hover {
  border-top: 1px #eeeeee solid;
}
.sidebar2 li a {
  background-color: #ffffff;
  color: #323232;
  white-space: normal;
  min-width: 0;
}
.sidebar2 li a .icon {
  color: inherit ;
}
.sidebar2 li.title {
  padding: 20px 20px 10px 20px;
  font-size: 24px;
  border: 0;
}
.sidebar2 li.title:hover {
  background-color: inherit;
}
.sidebar2 li:not(.title) + li.title {
  border-top: 1px #eeeeee solid;
}
.sidebar2 li.active {
  background-color: #71b1d1;
  border: none;
}
.sidebar2 li.active a {
  background-color: #71b1d1;
  color: #ffffff;
}
.sidebar2 li.active a .icon {
  color: inherit;
}
.sidebar2 li:hover a {
  background-color: #7cc1de;
}
.sidebar2 li.disabled:hover a {
  background-color: inherit;
}
.sidebar2 li li:not(:hover) {
  color: #1d1d1d;
}
.sidebar2 li li:not(:hover) a {
  background-color: #ffffff;
}
.sidebar2 .dropdown-toggle:before {
  transition: all 0.3s ease;
}
.sidebar2 .dropdown-toggle.active-toggle:before {
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.sidebar2.dark li {
  border-top: 1px #5c5c5c solid;
}
.sidebar2.dark li.title {
  background-color: #3D3D3D;
  color: #ffffff;
}
.sidebar2.dark li a {
  background-color: #3D3D3D;
  color: #ffffff;
}
.sidebar2.dark li a:hover {
  background-color: #262626;
  color: #ffffff;
}
.sidebar2.dark li:not(.title) + li.title,
.sidebar2.dark li.disabled {
  border-top-color: #5c5c5c;
}
.sidebar2.dark li.disabled:hover {
  border-top-color: #5c5c5c ;
}
.sidebar2.dark li.disabled:hover a {
  background-color: #3D3D3D;
}
.sidebar2.dark li.disabled a {
  color: #999999;
}
.sidebar2.dark li.active a {
  background-color: #CE352C;
}
.sidebar2.dark .dropdown-toggle:before {
  border-color: #ffffff;
}
.sidebar2.dark .d-menu li a {
  background-color: #3D3D3D;
  color: #ffffff;
}
.sidebar2.dark .d-menu li a:hover {
  background-color: #262626;
  color: #ffffff;
}
.tabcontrol {
  position: relative;
  width: 100%;
}
.tabcontrol .tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none inside;
  border-bottom: 2px #1ba1e2 solid;
  white-space: nowrap;
  overflow: visible;
}
.tabcontrol .tabs:before,
.tabcontrol .tabs:after {
  display: table;
  content: "";
}
.tabcontrol .tabs:after {
  clear: both;
}
.tabcontrol .tabs li {
  display: block;
  float: left;
  position: relative;
  white-space: nowrap;
}
.tabcontrol .tabs li a {
  display: block;
  float: left;
  padding: 8px 24px;
  color: #1d1d1d;
  font-size: .6875rem;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
}
.tabcontrol .tabs li:hover a {
  background-color: #eeeeee;
}
.tabcontrol .tabs li.active a {
  background-color: #1ba1e2;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.tabcontrol .tabs li.disabled a {
  background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  color: #999999;
  cursor: default;
}
.tabcontrol .tabs li.non-visible-tabs {
  display: block;
  float: right;
}
.tabcontrol .tabs li.non-visible-tabs:empty {
  display: none;
}
.tabcontrol .tabs li.non-visible-tabs.dropdown-toggle {
  height: 100% ;
}
.tabcontrol.tabs-bottom .tabs {
  border-bottom: none;
  border-top: 2px #1ba1e2 solid;
}
.tabcontrol.tabs-bottom .tabs li.disabled {
  top: 0;
}
.tabcontrol.tabs-bottom .tabs li:hover {
  top: 0;
}
.tabcontrol .frames {
  width: 100%;
  position: relative;
}
.tabcontrol .frames .frame {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px;
  background-color: #999999;
}
.tabcontrol2 {
  position: relative;
  width: 100%;
}
.tabcontrol2 .tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none inside;
  border-bottom: 2px #1ba1e2 solid;
  white-space: nowrap;
  overflow: visible;
}
.tabcontrol2 .tabs:before,
.tabcontrol2 .tabs:after {
  display: table;
  content: "";
}
.tabcontrol2 .tabs:after {
  clear: both;
}
.tabcontrol2 .tabs li {
  display: block;
  float: left;
  position: relative;
  white-space: nowrap;
}
.tabcontrol2 .tabs li a {
  display: block;
  float: left;
  padding: 8px 24px;
  color: #1d1d1d;
  font-size: .6875rem;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
}
.tabcontrol2 .tabs li:hover a {
  background-color: #eeeeee;
}
.tabcontrol2 .tabs li.active a {
  background-color: #1ba1e2;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.tabcontrol2 .tabs li.disabled a {
  background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  color: #999999;
  cursor: default;
}
.tabcontrol2 .tabs li.non-visible-tabs {
  display: block;
  float: right;
}
.tabcontrol2 .tabs li.non-visible-tabs:empty {
  display: none;
}
.tabcontrol2 .tabs li.non-visible-tabs.dropdown-toggle {
  height: 100% ;
}
.tabcontrol2.tabs-bottom .tabs {
  border-bottom: none;
  border-top: 2px #1ba1e2 solid;
}
.tabcontrol2.tabs-bottom .tabs li.disabled {
  top: 0;
}
.tabcontrol2.tabs-bottom .tabs li:hover {
  top: 0;
}
.tabcontrol2 .frames {
  width: 100%;
  position: relative;
}
.tabcontrol2 .frames .frame {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px;
  background-color: #999999;
}
.tabcontrol2 .tabs {
  border-bottom: 0;
  vertical-align: bottom;
  z-index: 2;
}
.tabcontrol2 .tabs li {
  padding-top: 2px;
  overflow: visible;
  margin: 0 2px;
}
.tabcontrol2 .tabs li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: #ffffff;
  height: 2px;
  z-index: 3;
}
.tabcontrol2 .tabs li:not(.active):after {
  background-color: #eeeeee;
  height: 1px;
}
.tabcontrol2 .tabs li:first-child {
  margin-left: 10px;
}
.tabcontrol2 .tabs li a {
  background-color: #eeeeee;
  padding-top: .3125rem;
  text-shadow: none ;
}
.tabcontrol2 .tabs li.active {
  padding-top: 0;
  padding-bottom: 0;
}
.tabcontrol2 .tabs li.active a {
  background-color: #ffffff;
  border: 1px #eeeeee solid;
  border-top: 2px #CE352C solid;
  border-bottom: 0;
  color: #1ba1e2;
}
.tabcontrol2 .tabs li.active:hover a {
  background-color: inherit;
}
.tabcontrol2 .tabs li:hover a {
  background-color: #e1e1e1;
}
.tabcontrol2.tabs-bottom .tabs {
  border-top: 0;
}
.tabcontrol2.tabs-bottom .tabs li {
  padding: 0;
}
.tabcontrol2.tabs-bottom .tabs li:after {
  top: -1px;
  background-color: #ffffff;
}
.tabcontrol2.tabs-bottom .tabs li.active {
  padding-bottom: 0;
}
.tabcontrol2.tabs-bottom .tabs li.active a {
  border: 1px #eeeeee solid;
  border-bottom: 2px #CE352C solid;
  border-top: 0;
}
.tabcontrol2.tabs-bottom .tabs li:not(.active) {
  margin-bottom: 0;
}
.tabcontrol2.tabs-bottom .tabs li:not(.active):after {
  background-color: #eeeeee;
}
.tabcontrol2 .frames {
  z-index: 1;
  border: 1px #eeeeee solid;
}
.tabcontrol2 .frames .frame {
  background-color: #ffffff;
}
.accordion > .frame {
  margin-top: 1px;
}
.accordion > .frame:first-child {
  margin-top: 0;
}
.accordion > .frame > .heading {
  display: block;
  padding: 8px 16px 8px 20px;
  background-color: #f6f6f6;
  cursor: pointer;
  font-size: .6875rem;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  border: 1px #eeeeee solid;
  overflow: hidden;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.3s ease;
}
.accordion > .frame > .heading:before {
  position: absolute;
  display: block;
  left: 4px;
  top: 6px;
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid black;
  transform: rotate(-45deg);
  transition: all 0.3s ease;
}
.accordion > .frame > .heading:hover {
  background-color: #eeeeee;
}
.accordion > .frame > .heading .icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 3rem;
  width: 3rem;
  max-height: 3rem;
  opacity: .6;
  color: #999999;
}
.accordion > .frame.active > .heading {
  background-color: #1ba1e2;
  border-color: #1ba1e2;
  color: #ffffff;
  box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
}
.accordion > .frame.active > .heading .icon {
  color: #ffffff;
}
.accordion > .frame.active > .heading:before {
  left: 8px;
  border-bottom-color: #ffffff;
  transition: all 0.3s ease;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}
.accordion > .frame.active > .content {
  display: block;
}
.accordion > .frame > .content {
  padding: .625rem;
  display: none;
  background-color: #ffffff;
  z-index: 1;
}
.accordion > .frame.disabled > .heading {
  cursor: default;
  background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.accordion.large-heading > .frame > .heading {
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 300;
  padding-left: 32px;
  text-shadow: none;
}
.accordion.large-heading > .frame > .heading:before {
  top: 10px;
  border-left: 12px solid transparent;
  border-top: 12px solid transparent;
  border-bottom: 12px solid black;
}
.accordion.large-heading > .frame.active > .heading:before {
  border-bottom-color: #ffffff;
}
.carousel {
  display: block;
  width: 100%;
  position: relative;
  min-height: 100px;
  overflow: hidden;
}
.carousel .slide {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.carousel .slide:before,
.carousel .slide:after {
  display: table;
  content: "";
}
.carousel .slide:after {
  clear: both;
}
.carousel [class*="carousel-switch"],
.carousel .carousel-bullets {
  position: absolute;
  display: block;
  z-index: 999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.carousel .carousel-bullets {
  left: 0;
  right: 0;
  bottom: .625rem;
  text-align: center;
}
.carousel .carousel-bullets .carousel-bullet {
  display: inline-block;
  float: none;
  width: .625rem;
  height: .625rem;
  background-color: #ababab;
  box-shadow: none;
  border-radius: 50%;
  margin-right: .625rem;
  cursor: pointer;
  border: 1px #ffffff solid;
}
.carousel .carousel-bullets .carousel-bullet:last-child {
  margin-right: 0;
}
.carousel .carousel-bullets .carousel-bullet.bullet-on {
  background-color: #59cde2;
}
.carousel.square-bullets .carousel-bullet {
  border-radius: 0 ;
}
.carousel .carousel-switch-next,
.carousel .carousel-switch-prev {
  width: auto;
  line-height: 4rem;
  height: 4rem;
  text-decoration: none;
  margin-top: -2rem;
  top: 50%;
  font-size: 4rem;
  font-weight: 300;
  color: #eeeeee;
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
}
.carousel .carousel-switch-next:hover,
.carousel .carousel-switch-prev:hover {
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.carousel .carousel-switch-next img,
.carousel .carousel-switch-prev img {
  max-width: 64px;
  max-height: 64px;
}
.carousel .carousel-switch-next {
  right: 0;
  left: auto;
}
.carousel .carousel-switch-prev {
  left: 0;
  right: auto;
}
.panel {
  display: block;
  position: relative;
  background-color: #ffffff;
}
.panel > .heading,
.panel > .content {
  display: block;
  position: relative;
  color: #1d1d1d;
}
.panel > .heading {
  padding: .625rem 0 ;
  color: #ffffff;
  background-color: #1ba1e2;
  cursor: default;
  vertical-align: middle;
  z-index: 2;
  height: 2.625rem;
  box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
  font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.panel > .heading > .title {
  margin-left: .625rem;
}
.panel > .heading > .icon + .title {
  margin-left: 3.625rem;
}
.panel > .heading > .icon {
  position: absolute;
  background-color: #1B6EAE;
  top: 0;
  left: 0;
  bottom: 0;
  vertical-align: middle;
  height: 2.625rem;
  width: 2.625rem;
  text-align: center;
  padding: .625rem;
}
.panel > .content {
  background-color: #e8f1f4;
  z-index: 1;
  font-size: 0.875rem;
}
.panel.collapsible > .heading {
  cursor: pointer;
}
.panel.collapsible > .heading:before {
  content: "\2212";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1.3rem;
  right: .625rem;
  color: inherit;
  vertical-align: middle;
  font-size: 2rem;
}
.panel.collapsed > .heading:before {
  content: "\002b";
}
.panel.collapsed > .content {
  display: none;
}
.panel.alert > .heading,
.panel.error > .heading,
.panel.danger > .heading {
  background-color: #CE352C;
}
.panel.warning > .heading {
  background-color: #fa6800;
}
.panel.success > .heading {
  background-color: #60a917;
}
.rating {
  cursor: pointer;
  display: inline-block;
}
.rating:before,
.rating:after {
  display: table;
  content: "";
}
.rating:after {
  clear: both;
}
.rating .star {
  cursor: pointer;
  display: block;
  float: left;
  color: #555555;
  font-size: 20px;
  z-index: 1;
  position: relative;
  width: 20px;
  height: 24px;
  vertical-align: middle;
  line-height: 22px;
}
.rating .star:before,
.rating .star:after {
  position: absolute;
  content: '\2605';
  display: block;
  z-index: 2;
  top: 0 ;
  left: 0;
  vertical-align: middle;
}
.rating .star.on {
  color: gold;
}
.rating .star.on.half {
  color: #555555;
}
.rating .star.on.half:after {
  color: gold;
}
.rating .star.half:after {
  z-index: 3;
  width: 8px;
  overflow: hidden;
}
.rating.poor .star.on {
  color: #CE352C;
}
.rating.poor .star.on.half {
  color: #555555;
}
.rating.poor .star.on.half:after {
  color: #CE352C;
}
.rating.regular .star.on {
  color: gold;
}
.rating.regular .star.on.half {
  color: #555555;
}
.rating.regular .star.on.half:after {
  color: gold;
}
.rating.good .star.on {
  color: #60a917;
}
.rating.good .star.on.half {
  color: #555555;
}
.rating.good .star.on.half:after {
  color: #60a917;
}
.rating:not(.static) .star:hover {
  color: gold ;
}
.rating:not(.static) .star:hover.half,
.rating:not(.static) .star:hover.on.half {
  color: gold;
}
.rating:not(.static) .star:hover.half:after,
.rating:not(.static) .star:hover.on.half:after {
  color: gold;
}
.rating:not(.static):hover > .star,
.rating:not(.static):hover > .star:after {
  color: gold ;
}
.rating:not(.static):hover > .star.half,
.rating:not(.static):hover > .star:after.half,
.rating:not(.static):hover > .star.on.half,
.rating:not(.static):hover > .star:after.on.half {
  color: gold;
}
.rating:not(.static):hover > .star.half:after,
.rating:not(.static):hover > .star:after.half:after,
.rating:not(.static):hover > .star.on.half:after,
.rating:not(.static):hover > .star:after.on.half:after {
  color: gold;
}
.rating:not(.static) .star:hover ~ .star,
.rating:not(.static) .star:hover ~ .star:after {
  color: gray ;
}
.rating:not(.static) .star:hover ~ .star.half,
.rating:not(.static) .star:hover ~ .star:after.half,
.rating:not(.static) .star:hover ~ .star.on.half,
.rating:not(.static) .star:hover ~ .star:after.on.half {
  color: gray;
}
.rating:not(.static) .star:hover ~ .star.half:after,
.rating:not(.static) .star:hover ~ .star:after.half:after,
.rating:not(.static) .star:hover ~ .star.on.half:after,
.rating:not(.static) .star:hover ~ .star:after.on.half:after {
  color: gray;
}
.rating.small .star {
  width: 14px;
  height: 16px;
  font-size: 14px;
  line-height: 14px;
}
.rating.small .star.half:after {
  width: 6px;
}
.rating.large .star {
  width: 28px;
  height: 30px;
  font-size: 32px;
  line-height: 24px;
}
.rating.large .star.half:after {
  width: 13px;
}
.rating .score {
  display: block;
  font-size: .8rem;
}
.rating.small .score {
  font-size: .6rem;
}
.rating.large .score {
  font-size: 1rem;
}
.slider {
  height: 2.125rem;
  line-height: 1;
  width: auto;
  position: relative;
}
.slider .marker {
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  left: 0;
  background-color: #1d1d1d;
  z-index: 2;
}
.slider .marker:focus,
.slider .marker:active,
.slider .markerhover {
  border: 2px #CE352C solid;
}
.slider .slider-backside,
.slider .complete {
  height: .5rem;
  background: #999999;
  width: 100%;
  line-height: 2.125rem;
  top: 50%;
  margin-top: -0.25rem;
  position: absolute;
}
.slider .complete {
  width: auto;
  background-color: #00aba9;
  z-index: 2;
  transition: background .3s ease;
  left: 0;
}
.slider .buffer {
  height: 4px;
  width: auto;
  background-color: #ffffff;
  z-index: 1;
  transition: background .3s ease;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 0;
}
.slider .slider-hint {
  min-width: 1.8rem;
  width: auto;
  height: auto;
  position: absolute;
  z-index: 3;
  border: 1px #ccc solid;
  padding: .25rem;
  top: -1.2rem;
  text-align: center;
  font-size: .625rem;
  display: none;
  background: #FFFCC0;
}
.slider .slider-hint:before {
  border: 1px #ccc solid;
  border-left: 0;
  border-top: 0;
  content: "";
  width: .25rem;
  height: .25rem;
  display: block;
  position: absolute;
  background-color: inherit;
  margin-top: -0.125rem;
  margin-left: -0.15625rem;
  top: 100%;
  left: 50%;
  transform: rotate(45deg);
}
.slider.hint-bottom .slider-hint {
  top: 100%;
  margin-top: -0.125rem;
}
.slider.hint-bottom .slider-hint:before {
  top: -0.0625rem;
  transform: rotate(-135deg);
}
.slider.permanent-hint > .slider-hint {
  display: block;
}
.slider:hover .complete {
  background-color: #45fffd;
}
.slider:active .complete,
.slider:active + .marker:active .complete {
  background-color: #45fffd;
}
.slider.place-left {
  margin-right: 20px;
}
.slider.place-right {
  margin-left: 20px;
}
.slider.ani .complete {
  -webkit-animation: ani-bg-stripes 2s linear infinite;
          animation: ani-bg-stripes 2s linear infinite;
}
.slider.vertical {
  min-height: 100px;
  width: 2.125rem;
  display: inline-block;
}
.slider.vertical .slider-backside,
.slider.vertical .complete {
  position: absolute;
  height: 100%;
  width: .5rem;
  bottom: 0;
  left: 50%;
  margin-left: -0.25rem;
  top: auto;
}
.slider.vertical .marker {
  left: 50%;
  top: auto;
  margin-left: -0.5rem;
}
.slider.vertical .buffer {
  position: absolute;
  height: auto;
  width: 6px ;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
  top: auto;
}
.slider.vertical .slider-hint {
  left: 100%;
  margin-top: 0;
}
.slider.vertical .slider-hint:before {
  height: .25rem;
  width: .25rem;
  transform: rotate(135deg);
  left: -1px;
  top: 50%;
  margin-top: -0.125rem;
  margin-left: -0.135rem;
}
.slider.vertical.hint-left .slider-hint {
  left: -100%;
  margin-left: .25rem;
}
.slider.vertical.hint-left .slider-hint:before {
  left: 100%;
  transform: rotate(-45deg);
}
.slider.cycle-marker .marker {
  border-radius: 50%;
}
.tile-area {
  min-width: 100%;
  height: 100%;
  position: relative;
  padding: 120px 80px 0 0;
  overflow: hidden;
}
.tile-area:before,
.tile-area:after {
  display: table;
  content: "";
}
.tile-area:after {
  clear: both;
}
.tile-area .tile-area-title {
  position: fixed;
  top: 20px;
  left: 80px;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.1;
}
.tile-group {
  margin-left: 80px;
  min-width: 80px;
  width: auto;
  float: left;
  display: block;
  padding-top: 40px;
  position: relative;
}
.tile-group.one {
  width: 160px;
}
.tile-group.two,
.tile-group.double {
  width: 320px;
}
.tile-group.three,
.tile-group.triple {
  width: 480px;
}
.tile-group.four,
.tile-group.quadro {
  width: 640px;
}
.tile-group.five {
  width: 800px;
}
.tile-group.six {
  width: 960px;
}
.tile-group.seven {
  width: 1120px;
}
.tile-group .tile-group-title {
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: 10px;
  left: 0;
}
.tile-container {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
}
.tile-container:before,
.tile-container:after {
  display: table;
  content: "";
}
.tile-container:after {
  clear: both;
}
.tile {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tile:hover {
  outline: #999999 solid 3px;
}
.tile:active {
  outline: 0;
}
.tile.no-outline {
  outline-color: transparent;
}
.tile.small-tile {
  width: 70px;
  height: 70px;
}
.tile.wide-tile {
  width: 310px;
  height: 150px;
}
.tile.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile.large-tile {
  width: 310px;
  height: 310px;
}
.tile.big-tile {
  width: 470px;
  height: 470px;
}
.tile.super-tile {
  width: 630px;
  height: 630px;
}
.tile-square {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
}
.tile-square:hover {
  outline: #999999 solid 3px;
}
.tile-square:active {
  outline: 0;
}
.tile-square.no-outline {
  outline-color: transparent;
}
.tile-square.small-tile {
  width: 70px;
  height: 70px;
}
.tile-square.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-square.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-square.large-tile {
  width: 310px;
  height: 310px;
}
.tile-square.big-tile {
  width: 470px;
  height: 470px;
}
.tile-square.super-tile {
  width: 630px;
  height: 630px;
}
.tile-square .tile-content.flipVertical {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-square:hover .tile-content.flipVertical,
.tile-square.hover .tile-content.flipVertical,
.tile-square.flip .tile-content.flipVertical {
  transform: rotateY(180deg);
}
.tile-square .tile-content.flipVertical {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-square .tile-content.flipVertical .slide,
.tile-square .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-square .tile-content.flipVertical .slide {
  z-index: 2;
  transform: rotateY(0deg);
}
.tile-square .tile-content.flipVertical .slide-over {
  transform: rotateY(180deg);
}
.tile-square .tile-content.flipHorizontal {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-square:hover .tile-content.flipHorizontal,
.tile-square.hover .tile-content.flipHorizontal,
.tile-square.flip .tile-content.flipHorizontal {
  transform: rotateX(180deg);
}
.tile-square .tile-content.flipHorizontal {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-square .tile-content.flipHorizontal .slide,
.tile-square .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-square .tile-content.flipHorizontal .slide {
  z-index: 2;
  transform: rotateX(0deg);
}
.tile-square .tile-content.flipHorizontal .slide-over {
  transform: rotateX(180deg);
}
.tile-square .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-square .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
}
.tile-small {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 70px;
  height: 70px;
}
.tile-small:hover {
  outline: #999999 solid 3px;
}
.tile-small:active {
  outline: 0;
}
.tile-small.no-outline {
  outline-color: transparent;
}
.tile-small.small-tile {
  width: 70px;
  height: 70px;
}
.tile-small.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-small.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-small.large-tile {
  width: 310px;
  height: 310px;
}
.tile-small.big-tile {
  width: 470px;
  height: 470px;
}
.tile-small.super-tile {
  width: 630px;
  height: 630px;
}
.tile-small .tile-content.flipVertical {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-small:hover .tile-content.flipVertical,
.tile-small.hover .tile-content.flipVertical,
.tile-small.flip .tile-content.flipVertical {
  transform: rotateY(180deg);
}
.tile-small .tile-content.flipVertical {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-small .tile-content.flipVertical .slide,
.tile-small .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-small .tile-content.flipVertical .slide {
  z-index: 2;
  transform: rotateY(0deg);
}
.tile-small .tile-content.flipVertical .slide-over {
  transform: rotateY(180deg);
}
.tile-small .tile-content.flipHorizontal {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-small:hover .tile-content.flipHorizontal,
.tile-small.hover .tile-content.flipHorizontal,
.tile-small.flip .tile-content.flipHorizontal {
  transform: rotateX(180deg);
}
.tile-small .tile-content.flipHorizontal {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-small .tile-content.flipHorizontal .slide,
.tile-small .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-small .tile-content.flipHorizontal .slide {
  z-index: 2;
  transform: rotateX(0deg);
}
.tile-small .tile-content.flipHorizontal .slide-over {
  transform: rotateX(180deg);
}
.tile-small .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-small .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
}
.tile-wide {
  width: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 310px;
  height: 150px;
}
.tile-wide:hover {
  outline: #999999 solid 3px;
}
.tile-wide:active {
  outline: 0;
}
.tile-wide.no-outline {
  outline-color: transparent;
}
.tile-wide.small-tile {
  width: 70px;
  height: 70px;
}
.tile-wide.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-wide.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-wide.large-tile {
  width: 310px;
  height: 310px;
}
.tile-wide.big-tile {
  width: 470px;
  height: 470px;
}
.tile-wide.super-tile {
  width: 630px;
  height: 630px;
}
.tile-wide .tile-content.flipVertical {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-wide:hover .tile-content.flipVertical,
.tile-wide.hover .tile-content.flipVertical,
.tile-wide.flip .tile-content.flipVertical {
  transform: rotateY(180deg);
}
.tile-wide .tile-content.flipVertical {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-wide .tile-content.flipVertical .slide,
.tile-wide .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-wide .tile-content.flipVertical .slide {
  z-index: 2;
  transform: rotateY(0deg);
}
.tile-wide .tile-content.flipVertical .slide-over {
  transform: rotateY(180deg);
}
.tile-wide .tile-content.flipHorizontal {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-wide:hover .tile-content.flipHorizontal,
.tile-wide.hover .tile-content.flipHorizontal,
.tile-wide.flip .tile-content.flipHorizontal {
  transform: rotateX(180deg);
}
.tile-wide .tile-content.flipHorizontal {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-wide .tile-content.flipHorizontal .slide,
.tile-wide .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-wide .tile-content.flipHorizontal .slide {
  z-index: 2;
  transform: rotateX(0deg);
}
.tile-wide .tile-content.flipHorizontal .slide-over {
  transform: rotateX(180deg);
}
.tile-wide .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-wide .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
}
.tile-large {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 310px;
  height: 310px;
}
.tile-large:hover {
  outline: #999999 solid 3px;
}
.tile-large:active {
  outline: 0;
}
.tile-large.no-outline {
  outline-color: transparent;
}
.tile-large.small-tile {
  width: 70px;
  height: 70px;
}
.tile-large.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-large.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-large.large-tile {
  width: 310px;
  height: 310px;
}
.tile-large.big-tile {
  width: 470px;
  height: 470px;
}
.tile-large.super-tile {
  width: 630px;
  height: 630px;
}
.tile-large .tile-content.flipVertical {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-large:hover .tile-content.flipVertical,
.tile-large.hover .tile-content.flipVertical,
.tile-large.flip .tile-content.flipVertical {
  transform: rotateY(180deg);
}
.tile-large .tile-content.flipVertical {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-large .tile-content.flipVertical .slide,
.tile-large .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-large .tile-content.flipVertical .slide {
  z-index: 2;
  transform: rotateY(0deg);
}
.tile-large .tile-content.flipVertical .slide-over {
  transform: rotateY(180deg);
}
.tile-large .tile-content.flipHorizontal {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-large:hover .tile-content.flipHorizontal,
.tile-large.hover .tile-content.flipHorizontal,
.tile-large.flip .tile-content.flipHorizontal {
  transform: rotateX(180deg);
}
.tile-large .tile-content.flipHorizontal {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-large .tile-content.flipHorizontal .slide,
.tile-large .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-large .tile-content.flipHorizontal .slide {
  z-index: 2;
  transform: rotateX(0deg);
}
.tile-large .tile-content.flipHorizontal .slide-over {
  transform: rotateX(180deg);
}
.tile-large .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-large .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
}
.tile-big {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 470px;
  height: 470px;
}
.tile-big:hover {
  outline: #999999 solid 3px;
}
.tile-big:active {
  outline: 0;
}
.tile-big.no-outline {
  outline-color: transparent;
}
.tile-big.small-tile {
  width: 70px;
  height: 70px;
}
.tile-big.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-big.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-big.large-tile {
  width: 310px;
  height: 310px;
}
.tile-big.big-tile {
  width: 470px;
  height: 470px;
}
.tile-big.super-tile {
  width: 630px;
  height: 630px;
}
.tile-big .tile-content.flipVertical {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-big:hover .tile-content.flipVertical,
.tile-big.hover .tile-content.flipVertical,
.tile-big.flip .tile-content.flipVertical {
  transform: rotateY(180deg);
}
.tile-big .tile-content.flipVertical {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-big .tile-content.flipVertical .slide,
.tile-big .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-big .tile-content.flipVertical .slide {
  z-index: 2;
  transform: rotateY(0deg);
}
.tile-big .tile-content.flipVertical .slide-over {
  transform: rotateY(180deg);
}
.tile-big .tile-content.flipHorizontal {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-big:hover .tile-content.flipHorizontal,
.tile-big.hover .tile-content.flipHorizontal,
.tile-big.flip .tile-content.flipHorizontal {
  transform: rotateX(180deg);
}
.tile-big .tile-content.flipHorizontal {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-big .tile-content.flipHorizontal .slide,
.tile-big .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-big .tile-content.flipHorizontal .slide {
  z-index: 2;
  transform: rotateX(0deg);
}
.tile-big .tile-content.flipHorizontal .slide-over {
  transform: rotateX(180deg);
}
.tile-big .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-big .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
}
.tile-super {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 630px;
  height: 630px;
}
.tile-super:hover {
  outline: #999999 solid 3px;
}
.tile-super:active {
  outline: 0;
}
.tile-super.no-outline {
  outline-color: transparent;
}
.tile-super.small-tile {
  width: 70px;
  height: 70px;
}
.tile-super.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-super.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-super.large-tile {
  width: 310px;
  height: 310px;
}
.tile-super.big-tile {
  width: 470px;
  height: 470px;
}
.tile-super.super-tile {
  width: 630px;
  height: 630px;
}
.tile-super .tile-content.flipVertical {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-super:hover .tile-content.flipVertical,
.tile-super.hover .tile-content.flipVertical,
.tile-super.flip .tile-content.flipVertical {
  transform: rotateY(180deg);
}
.tile-super .tile-content.flipVertical {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-super .tile-content.flipVertical .slide,
.tile-super .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-super .tile-content.flipVertical .slide {
  z-index: 2;
  transform: rotateY(0deg);
}
.tile-super .tile-content.flipVertical .slide-over {
  transform: rotateY(180deg);
}
.tile-super .tile-content.flipHorizontal {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-super:hover .tile-content.flipHorizontal,
.tile-super.hover .tile-content.flipHorizontal,
.tile-super.flip .tile-content.flipHorizontal {
  transform: rotateX(180deg);
}
.tile-super .tile-content.flipHorizontal {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-super .tile-content.flipHorizontal .slide,
.tile-super .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-super .tile-content.flipHorizontal .slide {
  z-index: 2;
  transform: rotateX(0deg);
}
.tile-super .tile-content.flipHorizontal .slide-over {
  transform: rotateX(180deg);
}
.tile-super .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-super .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
}
.tile-small-x {
  width: 70px;
}
.tile-square-x {
  width: 150px;
}
.tile-wide-x {
  width: 310px;
}
.tile-large-x {
  width: 310px;
}
.tile-big-x {
  width: 470px;
}
.tile-super-x {
  width: 630px;
}
.tile-small-y {
  height: 70px;
}
.tile-square-y {
  height: 150px;
}
.tile-wide-y {
  height: 310px;
}
.tile-large-y {
  height: 310px;
}
.tile-big-y {
  height: 470px;
}
.tile-super-y {
  height: 630px;
}
.tile-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  overflow: hidden;
  display: none;
}
.tile-content:first-child {
  display: block;
}
.tile-content .live-slide {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
}
.tile-content .live-slide:nth-child(1) {
  display: block;
}
.tile-content.iconic .icon {
  position: absolute;
  width: 64px;
  height: 64px;
  font-size: 64px;
  top: 50%;
  margin-top: -40px;
  left: 50%;
  margin-left: -32px;
  text-align: center;
}
.tile-small .tile-content.iconic .icon {
  width: 32px;
  height: 32px;
  font-size: 32px;
  margin-left: -16px;
  margin-top: -16px;
}
.tile-content.image-set > img,
.tile-content.image-set > .image-container {
  margin: 0;
  padding: 0;
  width: 25% ;
  height: 50% ;
  float: left;
  border: 1px #1e1e1e solid;
}
.tile-content.image-set > img:first-child,
.tile-content.image-set > .image-container:first-child {
  width: 50% ;
  float: left;
  height: 100% ;
}
.tile-content.slide-up > .slide,
.tile-content.slide-down > .slide,
.tile-content.slide-up-2 > .slide,
.tile-content.slide-down-2 > .slide,
.tile-content.slide-left > .slide,
.tile-content.slide-right > .slide,
.tile-content.slide-left-2 > .slide,
.tile-content.slide-right-2 > .slide,
.tile-content.slide-up > .slide-over,
.tile-content.slide-down > .slide-over,
.tile-content.slide-up-2 > .slide-over,
.tile-content.slide-down-2 > .slide-over,
.tile-content.slide-left > .slide-over,
.tile-content.slide-right > .slide-over,
.tile-content.slide-left-2 > .slide-over,
.tile-content.slide-right-2 > .slide-over {
  width: 100%;
  height: inherit;
  display: block;
  position: absolute;
  box-shadow: inset 0 0 1px #FFFFCC;
}
.tile-content.slide-up > .slide,
.tile-content.slide-down > .slide,
.tile-content.slide-up-2 > .slide,
.tile-content.slide-down-2 > .slide,
.tile-content.slide-left > .slide,
.tile-content.slide-right > .slide,
.tile-content.slide-left-2 > .slide,
.tile-content.slide-right-2 > .slide {
  top: 0;
  z-index: 1;
  transition: all 0.3s ease;
}
.tile-content.slide-up:hover > .slide,
.tile-content.slide-down:hover > .slide,
.tile-content.slide-up-2:hover > .slide,
.tile-content.slide-down-2:hover > .slide,
.tile-content.slide-left:hover > .slide,
.tile-content.slide-right:hover > .slide,
.tile-content.slide-left-2:hover > .slide,
.tile-content.slide-right-2:hover > .slide {
  transform: scale(1.5);
  transition: all 0.6s ease;
}
.tile-content.slide-up > .slide-over {
  top: 100%;
  z-index: 2;
  height: 75%;
  transition: all 0.6s ease;
}
.tile-content.slide-up:hover > .slide-over {
  top: 25%;
  transition: all 0.3s ease;
}
.tile-content.slide-up-2 > .slide-over {
  top: 100%;
  z-index: 2;
  height: 100%;
  transition: all 0.3s ease;
}
.tile-content.slide-up-2:hover > .slide {
  transform: scale(1);
  top: -100%;
  transition: all 0.4s ease;
}
.tile-content.slide-up-2:hover > .slide-over {
  top: 0;
  transition: all 0.4s ease;
}
.tile-content.slide-down > .slide-over {
  top: -100%;
  z-index: 2;
  height: 75%;
  transition: all 0.6s ease;
}
.tile-content.slide-down:hover > .slide-over {
  top: 0;
  transition: all 0.3s ease;
}
.tile-content.slide-down-2 > .slide-over {
  top: -100%;
  z-index: 2;
  height: 100%;
  transition: all 0.3s ease;
}
.tile-content.slide-down-2:hover > .slide {
  transform: scale(1);
  top: 100%;
  transition: all 0.4s ease;
}
.tile-content.slide-down-2:hover > .slide-over {
  top: 0;
  transition: all 0.4s ease;
}
.tile-content.slide-left > .slide-over {
  left: -100%;
  z-index: 2;
  width: 75%;
  height: 100%;
  transition: all 0.6s ease;
}
.tile-content.slide-left:hover > .slide-over {
  left: 0;
  transition: all 0.3s ease;
}
.tile-content.slide-left-2 > .slide {
  left: 0;
  transition: all 0.3s ease;
}
.tile-content.slide-left-2 > .slide-over {
  left: -100%;
  z-index: 2;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.tile-content.slide-left-2:hover > .slide {
  transform: scale(1);
  left: 100%;
  transition: all 0.4s ease;
}
.tile-content.slide-left-2:hover > .slide-over {
  left: 0;
  transition: all 0.4s ease;
}
.tile-content.slide-right > .slide-over {
  left: 100%;
  z-index: 2;
  width: 75%;
  height: 100%;
  transition: all 0.6s ease;
}
.tile-content.slide-right:hover > .slide-over {
  left: 25%;
  transition: all 0.3s ease;
}
.tile-content.slide-right-2 > .slide {
  left: 0;
  transition: all 0.3s ease;
}
.tile-content.slide-right-2 > .slide-over {
  left: 100%;
  z-index: 2;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.tile-content.slide-right-2:hover > .slide {
  transform: scale(1);
  left: -100%;
  transition: all 0.4s ease;
}
.tile-content.slide-right-2:hover > .slide-over {
  left: 0;
  transition: all 0.4s ease;
}
.tile-content.zooming .slide {
  box-shadow: inset 0 0 1px #FFFFCC;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  transition: all 0.6s ease;
}
.tile-content.zooming .slide:hover {
  transform: scale(1.5);
  transition: all 0.6s ease;
}
.tile-content.zooming-out .slide {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  transform: scale(1.5);
  transition: all 0.6s ease;
}
.tile-content.zooming-out .slide:hover {
  transform: scale(1);
  transition: all 0.6s ease;
}
.tile-small,
.tile,
.tile-square,
.tile-wide,
.tile-large,
.tile-big,
.tile-super {
  overflow: visible;
}
.tile-small .tile-content.flipVertical,
.tile .tile-content.flipVertical,
.tile-square .tile-content.flipVertical,
.tile-wide .tile-content.flipVertical,
.tile-large .tile-content.flipVertical,
.tile-big .tile-content.flipVertical,
.tile-super .tile-content.flipVertical {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-small:hover .tile-content.flipVertical,
.tile:hover .tile-content.flipVertical,
.tile-square:hover .tile-content.flipVertical,
.tile-wide:hover .tile-content.flipVertical,
.tile-large:hover .tile-content.flipVertical,
.tile-big:hover .tile-content.flipVertical,
.tile-super:hover .tile-content.flipVertical,
.tile-small.hover .tile-content.flipVertical,
.tile.hover .tile-content.flipVertical,
.tile-square.hover .tile-content.flipVertical,
.tile-wide.hover .tile-content.flipVertical,
.tile-large.hover .tile-content.flipVertical,
.tile-big.hover .tile-content.flipVertical,
.tile-super.hover .tile-content.flipVertical,
.tile-small.flip .tile-content.flipVertical,
.tile.flip .tile-content.flipVertical,
.tile-square.flip .tile-content.flipVertical,
.tile-wide.flip .tile-content.flipVertical,
.tile-large.flip .tile-content.flipVertical,
.tile-big.flip .tile-content.flipVertical,
.tile-super.flip .tile-content.flipVertical {
  transform: rotateY(180deg);
}
.tile-small .tile-content.flipVertical,
.tile .tile-content.flipVertical,
.tile-square .tile-content.flipVertical,
.tile-wide .tile-content.flipVertical,
.tile-large .tile-content.flipVertical,
.tile-big .tile-content.flipVertical,
.tile-super .tile-content.flipVertical {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-small .tile-content.flipVertical .slide,
.tile .tile-content.flipVertical .slide,
.tile-square .tile-content.flipVertical .slide,
.tile-wide .tile-content.flipVertical .slide,
.tile-large .tile-content.flipVertical .slide,
.tile-big .tile-content.flipVertical .slide,
.tile-super .tile-content.flipVertical .slide,
.tile-small .tile-content.flipVertical .slide-over,
.tile .tile-content.flipVertical .slide-over,
.tile-square .tile-content.flipVertical .slide-over,
.tile-wide .tile-content.flipVertical .slide-over,
.tile-large .tile-content.flipVertical .slide-over,
.tile-big .tile-content.flipVertical .slide-over,
.tile-super .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-small .tile-content.flipVertical .slide,
.tile .tile-content.flipVertical .slide,
.tile-square .tile-content.flipVertical .slide,
.tile-wide .tile-content.flipVertical .slide,
.tile-large .tile-content.flipVertical .slide,
.tile-big .tile-content.flipVertical .slide,
.tile-super .tile-content.flipVertical .slide {
  z-index: 2;
  transform: rotateY(0deg);
}
.tile-small .tile-content.flipVertical .slide-over,
.tile .tile-content.flipVertical .slide-over,
.tile-square .tile-content.flipVertical .slide-over,
.tile-wide .tile-content.flipVertical .slide-over,
.tile-large .tile-content.flipVertical .slide-over,
.tile-big .tile-content.flipVertical .slide-over,
.tile-super .tile-content.flipVertical .slide-over {
  transform: rotateY(180deg);
}
.tile-small .tile-content.flipHorizontal,
.tile .tile-content.flipHorizontal,
.tile-square .tile-content.flipHorizontal,
.tile-wide .tile-content.flipHorizontal,
.tile-large .tile-content.flipHorizontal,
.tile-big .tile-content.flipHorizontal,
.tile-super .tile-content.flipHorizontal {
  transform: perspective(1000px);
  overflow: visible;
}
.tile-small:hover .tile-content.flipHorizontal,
.tile:hover .tile-content.flipHorizontal,
.tile-square:hover .tile-content.flipHorizontal,
.tile-wide:hover .tile-content.flipHorizontal,
.tile-large:hover .tile-content.flipHorizontal,
.tile-big:hover .tile-content.flipHorizontal,
.tile-super:hover .tile-content.flipHorizontal,
.tile-small.hover .tile-content.flipHorizontal,
.tile.hover .tile-content.flipHorizontal,
.tile-square.hover .tile-content.flipHorizontal,
.tile-wide.hover .tile-content.flipHorizontal,
.tile-large.hover .tile-content.flipHorizontal,
.tile-big.hover .tile-content.flipHorizontal,
.tile-super.hover .tile-content.flipHorizontal,
.tile-small.flip .tile-content.flipHorizontal,
.tile.flip .tile-content.flipHorizontal,
.tile-square.flip .tile-content.flipHorizontal,
.tile-wide.flip .tile-content.flipHorizontal,
.tile-large.flip .tile-content.flipHorizontal,
.tile-big.flip .tile-content.flipHorizontal,
.tile-super.flip .tile-content.flipHorizontal {
  transform: rotateX(180deg);
}
.tile-small .tile-content.flipHorizontal,
.tile .tile-content.flipHorizontal,
.tile-square .tile-content.flipHorizontal,
.tile-wide .tile-content.flipHorizontal,
.tile-large .tile-content.flipHorizontal,
.tile-big .tile-content.flipHorizontal,
.tile-super .tile-content.flipHorizontal {
  transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-small .tile-content.flipHorizontal .slide,
.tile .tile-content.flipHorizontal .slide,
.tile-square .tile-content.flipHorizontal .slide,
.tile-wide .tile-content.flipHorizontal .slide,
.tile-large .tile-content.flipHorizontal .slide,
.tile-big .tile-content.flipHorizontal .slide,
.tile-super .tile-content.flipHorizontal .slide,
.tile-small .tile-content.flipHorizontal .slide-over,
.tile .tile-content.flipHorizontal .slide-over,
.tile-square .tile-content.flipHorizontal .slide-over,
.tile-wide .tile-content.flipHorizontal .slide-over,
.tile-large .tile-content.flipHorizontal .slide-over,
.tile-big .tile-content.flipHorizontal .slide-over,
.tile-super .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-small .tile-content.flipHorizontal .slide,
.tile .tile-content.flipHorizontal .slide,
.tile-square .tile-content.flipHorizontal .slide,
.tile-wide .tile-content.flipHorizontal .slide,
.tile-large .tile-content.flipHorizontal .slide,
.tile-big .tile-content.flipHorizontal .slide,
.tile-super .tile-content.flipHorizontal .slide {
  z-index: 2;
  transform: rotateX(0deg);
}
.tile-small .tile-content.flipHorizontal .slide-over,
.tile .tile-content.flipHorizontal .slide-over,
.tile-square .tile-content.flipHorizontal .slide-over,
.tile-wide .tile-content.flipHorizontal .slide-over,
.tile-large .tile-content.flipHorizontal .slide-over,
.tile-big .tile-content.flipHorizontal .slide-over,
.tile-super .tile-content.flipHorizontal .slide-over {
  transform: rotateX(180deg);
}
.tile .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
}
.tile-content .image-container,
.tile-content .carousel {
  box-shadow: inset 0 0 1px #FFFFCC;
  width: 100%;
  height: 100%;
}
[class*=tile-transform-] {
  transition: all 0.22s ease;
}
.tile-transform-right {
  transform-origin: left 50%;
}
.tile.tile-transform-right {
  transform: perspective(500px) rotateY(0.138372rad) !important;
}
.tile-square.tile-transform-right {
  transform: perspective(500px) rotateY(0.138372rad) !important;
}
.tile-wide.tile-transform-right {
  transform: perspective(500px) rotateY(0.069186rad) !important;
}
.tile-large.tile-transform-right {
  transform: perspective(500px) rotateY(0.069186rad) !important;
}
.tile-big.tile-transform-right {
  transform: perspective(500px) rotateY(0.046124rad) !important;
}
.tile-super.tile-transform-right {
  transform: perspective(500px) rotateY(0.034593rad) !important;
}
.tile-small.tile-transform-right {
  transform: perspective(500px) rotateY(0.276744rad) !important;
}
.tile-transform-left {
  transform-origin: right 50%;
}
.tile.tile-transform-left {
  transform: perspective(500px) rotateY(-0.138372rad) !important;
}
.tile-square.tile-transform-left {
  transform: perspective(500px) rotateY(-0.138372rad) !important;
}
.tile-wide.tile-transform-left {
  transform: perspective(500px) rotateY(-0.069186rad) !important;
}
.tile-large.tile-transform-left {
  transform: perspective(500px) rotateY(-0.069186rad) !important;
}
.tile-big.tile-transform-left {
  transform: perspective(500px) rotateY(-0.046124rad) !important;
}
.tile-super.tile-transform-left {
  transform: perspective(500px) rotateY(-0.034593rad) !important;
}
.tile-small.tile-transform-left {
  transform: perspective(500px) rotateY(-0.276744rad) !important;
}
.tile-transform-top {
  transform-origin: 50% bottom;
}
.tile.tile-transform-top {
  transform: perspective(500px) rotateX(0.138372rad) !important;
}
.tile-square.tile-transform-top {
  transform: perspective(500px) rotateX(0.138372rad) !important;
}
.tile-wide.tile-transform-top {
  transform: perspective(500px) rotateX(0.069186rad) !important;
}
.tile-large.tile-transform-top {
  transform: perspective(500px) rotateX(0.069186rad) !important;
}
.tile-big.tile-transform-top {
  transform: perspective(500px) rotateX(0.046124rad) !important;
}
.tile-super.tile-transform-top {
  transform: perspective(500px) rotateX(0.034593rad) !important;
}
.tile-small.tile-transform-top {
  transform: perspective(500px) rotateX(0.276744rad) !important;
}
.tile-transform-bottom {
  transform-origin: 50% top;
}
.tile.tile-transform-bottom {
  transform: perspective(500px) rotateX(-0.138372rad) !important;
}
.tile-square.tile-transform-bottom {
  transform: perspective(500px) rotateX(-0.138372rad) !important;
}
.tile-wide.tile-transform-bottom {
  transform: perspective(500px) rotateX(-0.069186rad) !important;
}
.tile-large.tile-transform-bottom {
  transform: perspective(500px) rotateX(-0.069186rad) !important;
}
.tile-big.tile-transform-bottom {
  transform: perspective(500px) rotateX(-0.046124rad) !important;
}
.tile-super.tile-transform-bottom {
  transform: perspective(500px) rotateX(-0.034593rad) !important;
}
.tile-small.tile-transform-bottom {
  transform: perspective(500px) rotateX(-0.276744rad) !important;
}
.tile-area-scheme-dark {
  background-color: #1d1d1d;
}
.tile-area-scheme-dark [class*=tile] {
  outline-color: #373737;
}
.tile-area-scheme-darkBrown {
  background-color: #63362F;
}
.tile-area-scheme-darkBrown [class*=tile] {
  outline-color: #86493f;
}
.tile-area-scheme-darkCrimson {
  background-color: #640024;
}
.tile-area-scheme-darkCrimson [class*=tile] {
  outline-color: #970036;
}
.tile-area-scheme-darkViolet {
  background-color: #57169a;
}
.tile-area-scheme-darkViolet [class*=tile] {
  outline-color: #701cc7;
}
.tile-area-scheme-darkMagenta {
  background-color: #81003C;
}
.tile-area-scheme-darkMagenta [class*=tile] {
  outline-color: #b40054;
}
.tile-area-scheme-darkCyan {
  background-color: #1B6EAE;
}
.tile-area-scheme-darkCyan [class*=tile] {
  outline-color: #228ada;
}
.tile-area-scheme-darkCobalt {
  background-color: #00356A;
}
.tile-area-scheme-darkCobalt [class*=tile] {
  outline-color: #004e9d;
}
.tile-area-scheme-darkTeal {
  background-color: #004050;
}
.tile-area-scheme-darkTeal [class*=tile] {
  outline-color: #006983;
}
.tile-area-scheme-darkEmerald {
  background-color: #003e00;
}
.tile-area-scheme-darkEmerald [class*=tile] {
  outline-color: #007100;
}
.tile-area-scheme-darkGreen {
  background-color: #128023;
}
.tile-area-scheme-darkGreen [class*=tile] {
  outline-color: #18ad2f;
}
.tile-area-scheme-darkOrange {
  background-color: #bf5a15;
}
.tile-area-scheme-darkOrange [class*=tile] {
  outline-color: #e77120;
}
.tile-area-scheme-darkRed {
  background-color: #9a1616;
}
.tile-area-scheme-darkRed [class*=tile] {
  outline-color: #c71c1c;
}
.tile-area-scheme-darkPink {
  background-color: #9a165a;
}
.tile-area-scheme-darkPink [class*=tile] {
  outline-color: #c71c74;
}
.tile-area-scheme-darkIndigo {
  background-color: #4B0096;
}
.tile-area-scheme-darkIndigo [class*=tile] {
  outline-color: #6400c9;
}
.tile-area-scheme-darkBlue {
  background-color: #16499a;
}
.tile-area-scheme-darkBlue [class*=tile] {
  outline-color: #1c5ec7;
}
.tile-area-scheme-lightBlue {
  background-color: #4390df;
}
.tile-area-scheme-lightBlue [class*=tile] {
  outline-color: #6faae6;
}
.tile-area-scheme-lightTeal {
  background-color: #45fffd;
}
.tile-area-scheme-lightTeal [class*=tile] {
  outline-color: #78fffd;
}
.tile-area-scheme-lightOlive {
  background-color: #78aa1c;
}
.tile-area-scheme-lightOlive [class*=tile] {
  outline-color: #97d623;
}
.tile-area-scheme-lightOrange {
  background-color: #ffc194;
}
.tile-area-scheme-lightOrange [class*=tile] {
  outline-color: #ffdec7;
}
.tile-area-scheme-lightPink {
  background-color: #f472d0;
}
.tile-area-scheme-lightPink [class*=tile] {
  outline-color: #f8a1e0;
}
.tile-area-scheme-grayed {
  background-color: #585858;
}
.tile-area-scheme-grayed [class*=tile] {
  outline-color: #727272;
}
.treeview {
  margin: 0;
  padding: 0;
  display: block;
  font-size: .75rem;
}
.treeview ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  font-size: inherit;
}
.treeview li {
  font-size: inherit;
  padding: 2px 16px;
  cursor: pointer;
  position: relative;
  color: #555555;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.treeview li.active > .leaf {
  font-weight: bold;
}
.treeview li.disabled {
  cursor: default;
  color: #999999;
}
.treeview li.disabled:hover > .leaf {
  color: #999999;
}
.treeview li .input-control {
  margin: 0 .3125rem 0 0;
  height: 1rem;
  line-height: .625rem;
  min-height: 0;
}
.treeview li .input-control .check {
  line-height: 1rem;
}
.treeview ul > li > .leaf:hover {
  color: #1d1d1d;
}
.treeview .leaf {
  vertical-align: middle;
  display: inline-block;
  color: inherit;
}
.treeview .leaf .icon {
  width: 1rem;
  height: 1rem;
  text-align: center;
}
.treeview .node-toggle {
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
}
.treeview .node-toggle:before {
  position: absolute;
  display: block;
  left: 0;
  top: -3px;
  height: 0;
  content: '';
  width: 0;
  border-left: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px #1ba1e2 solid;
}
.treeview li:hover > .node-toggle:before {
  border-bottom-color: #1B6EAE;
}
.treeview .node.collapsed > .node-toggle:before {
  left: -4px;
  transform: rotate(-45deg);
  border-bottom-color: #999999;
}
.treeview .node.collapsed:hover > .node-toggle:before {
  border-bottom-color: #1B6EAE;
}
.treeview .node.collapsed > ul {
  display: none;
}
.presenter {
  width: 100%;
  height: 200px;
  min-height: 200px;
  position: relative;
  display: block;
}
.scene {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
}
.act {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 10px ;
}
.act:before,
.act:after {
  display: table;
  content: "";
}
.act:after {
  clear: both;
}
.actor {
  position: absolute;
  margin-right: 10px;
}
.listview {
  display: block;
  width: 100%;
  height: auto;
}
.listview:before,
.listview:after {
  display: table;
  content: "";
}
.listview:after {
  clear: both;
}
.listview .list-group {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.listview .list-group:before,
.listview .list-group:after {
  display: table;
  content: "";
}
.listview .list-group:after {
  clear: both;
}
.listview .list-group .list-group-toggle {
  display: block;
  padding-left: 16px;
  cursor: pointer;
  position: relative;
  margin-top: 10px;
}
.listview .list-group .list-group-toggle:before {
  position: absolute;
  display: block;
  left: 0;
  top: -3px;
  height: 0;
  content: '';
  width: 0;
  border-left: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px #1ba1e2 solid;
}
.listview .list-group .list-group-content {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
.listview .list-group .list-group-content:before,
.listview .list-group .list-group-content:after {
  display: table;
  content: "";
}
.listview .list-group .list-group-content:after {
  clear: both;
}
.listview .list-group.collapsed > .list-group-toggle:before {
  left: -4px;
  transform: rotate(-45deg);
  border-bottom-color: #999999;
}
.listview .list-group.collapsed:hover > .list-group-toggle:before {
  border-bottom-color: #1B6EAE;
}
.listview .list {
  display: block;
  width: 100%;
  padding: 8px 8px 4px 48px;
  border: 1px transparent solid;
  cursor: pointer;
  height: 50px;
  border-bottom-color: #eeeeee;
  position: relative;
}
.listview .list:last-child {
  border-bottom-color: transparent;
}
.listview .list .list-icon {
  position: absolute;
  left: 0;
  top: 0;
  margin: 8px;
  width: 32px;
  height: 32px;
  font-size: 32px;
  text-align: center;
}
.listview .list .list-data {
  display: block;
  margin: 4px 0;
}
.listview.list-type-icons .list {
  display: block;
  float: left;
  padding: 0;
  width: 105px;
  height: 116px;
  border-color: transparent;
  margin: .625rem;
  text-align: center;
}
.listview.list-type-icons .list .list-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: auto;
  text-align: center;
}
.listview.list-type-icons .list .list-icon {
  width: 80px;
  height: 80px;
  font-size: 80px;
  text-align: center;
  left: 50%;
  margin-left: -40px;
}
.listview.list-type-icons .list .list-data {
  display: none;
}
.listview.list-type-tiles .list {
  display: block;
  float: left;
  padding: 8px 8px 4px 48px;
  width: 250px;
  height: 52px;
  border-color: transparent;
  margin: .625rem;
}
.listview.list-type-tiles .list .list-title {
  margin-top: 8px;
  display: block;
}
.listview.list-type-tiles .list .list-icon {
  width: 48px;
  height: 48px;
  font-size: 48px;
  text-align: center;
  top: 0;
  left: 0;
  margin: 2px;
}
.listview.list-type-tiles .list .list-data {
  display: none;
}
.listview.list-type-listing .list {
  display: block;
  float: left;
  padding: 4px 2px 4px 24px;
  width: auto;
  height: auto;
  border-color: transparent;
  margin: 1px;
}
.listview.list-type-listing .list .list-title {
  display: block;
}
.listview.list-type-listing .list .list-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 0;
  left: 0;
  margin: 1px;
}
.listview.list-type-listing .list .list-data {
  display: none;
}
.listview .list.active {
  background-color: #d1e8ff;
  border-color: #64b4db;
}
.listview .list:hover {
  background-color: #e5f3fb;
  border-color: #64b4db;
}
.listview-outlook {
  display: block;
  width: 100%;
  height: auto;
}
.listview-outlook:before,
.listview-outlook:after {
  display: table;
  content: "";
}
.listview-outlook:after {
  clear: both;
}
.listview-outlook .list {
  display: block;
  width: 100%;
  border: 0;
  border-bottom: 1px #eeeeee solid;
  padding: 2px 0;
  color: #555555;
  margin-bottom: 0;
  background-color: transparent;
}
.listview-outlook .list .list-content {
  margin: 2px 0;
  padding: 2px 20px;
  font-size: 1rem;
  color: inherit;
  border-left: 3px transparent solid;
}
.listview-outlook .list .list-content .list-title,
.listview-outlook .list .list-content .list-subtitle,
.listview-outlook .list .list-content .list-remark {
  width: 100%;
  display: block;
  color: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.listview-outlook .list .list-content .list-title {
  line-height: 1.3;
}
.listview-outlook .list .list-content .list-subtitle {
  font-size: .75rem;
  line-height: 1.2;
  font-weight: 500;
  color: #0067cb;
}
.listview-outlook .list .list-content .list-remark {
  font-weight: normal;
  line-height: 1.2;
  font-size: .625rem;
  color: #999999;
}
.listview-outlook .list:hover {
  background-color: #eeeeee;
  outline: none;
}
.listview-outlook .list:hover .list-content {
  border-left: 3px transparent solid;
}
.listview-outlook .list.marked .list-content {
  border-left: 3px #1B6EAE solid;
}
.listview-outlook .list:active,
.listview-outlook .list:focus,
.listview-outlook .list.active {
  background-color: #cde6f7;
  outline: 1px #999999 dotted;
  color: #555555;
}
.listview-outlook .list-group {
  display: block;
  position: relative;
}
.listview-outlook .list-group .list-group-toggle {
  display: block;
  margin-bottom: 2px;
  background-color: #f0f0f0;
  padding: 4px 20px 4px 24px;
  font-size: .875rem;
  font-weight: 500;
  color: #333333;
  cursor: pointer;
}
.listview-outlook .list-group .list-group-toggle:before {
  position: absolute;
  display: block;
  left: 10px;
  top: 2px;
  content: '';
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid black;
}
.listview-outlook .list-group .list-group-content {
  display: block;
}
.listview-outlook .list-group.collapsed .list-group-toggle:before {
  transform: rotate(-45deg);
  margin-left: -4px;
}
.listview-outlook .list-group .list-group-toggle:hover:before {
  border-bottom-color: #0067cb;
}
.charm {
  display: block;
  position: fixed;
  z-index: 1060;
  background: #1d1d1d;
  color: #eeeeee;
  padding: .625rem;
}
.charm .charm-closer {
  position: absolute;
  height: 1rem;
  width: 1rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: normal;
  padding: 0 0 .625rem 0;
  z-index: 3;
  outline: none;
  cursor: pointer;
  color: #777777;
  top: .25rem;
  right: .25rem;
}
.charm .charm-closer:after {
  content: '\D7';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.65rem;
  margin-left: -0.35rem;
}
.charm .charm-closer:hover {
  color: #ffffff;
}
.charm .charm-closer:active {
  color: #ffffff;
}
.charm.right-side {
  width: auto;
  right: 0;
  top: 0;
  left: auto;
  bottom: 0;
}
.charm.left-side {
  width: auto;
  left: 0;
  top: 0;
  bottom: 0;
}
.charm.top-side {
  height: auto;
  left: 0;
  right: 0;
  top: 0;
}
.charm.bottom-side {
  height: auto;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
}
.notify-container {
  position: fixed;
  top: 0;
  right: 0;
  width: auto;
  z-index: 1061;
}
.notify-container:before,
.notify-container:after {
  display: table;
  content: "";
}
.notify-container:after {
  clear: both;
}
.notify-container.position-left {
  left: 0;
  right: auto;
}
.notify-container.position-top {
  left: 0;
  right: 0;
  top: 0;
  height: auto;
}
.notify-container.position-top .notify {
  float: left;
}
.notify-container.position-bottom {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  height: auto;
}
.notify-container.position-bottom .notify {
  float: left;
}
.notify {
  display: block;
  margin: .3125rem;
  padding: .625rem;
  min-width: 200px;
  cursor: default;
  max-width: 300px;
  position: relative;
}
.notify .notify-icon {
  width: 32px;
  height: 32px;
  font-size: 32px;
  text-align: center;
  position: absolute;
  margin: -16px 10px;
  top: 50%;
  left: 0;
}
.notify .notify-icon ~ .notify-title,
.notify .notify-icon ~ .notify-text {
  position: relative;
  margin-left: 42px;
}
.notify .notify-title,
.notify .notify-text {
  display: block;
  margin-right: 20px;
}
.notify .notify-title {
  font-weight: 500;
  font-size: 1rem;
}
.notify .notify-text {
  font-size: .875rem;
}
.notify .notify-closer {
  position: absolute;
  height: 1rem;
  width: 1rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: normal;
  padding: 0 0 .625rem 0;
  z-index: 3;
  outline: none;
  cursor: pointer;
  background-color: #ffffff;
  color: #777777;
  top: .25rem;
  right: .25rem;
}
.notify .notify-closer:after {
  border-color: #777777;
  content: '\D7';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.65rem;
  margin-left: -0.35rem;
}
.notify .notify-closer:hover {
  background-color: #cde6f7;
  color: #ffffff;
}
.notify .notify-closer:active {
  background-color: #92c0e0;
  color: #ffffff;
}
.notify {
  background-color: #e5f3fb;
  color: #1d1d1d;
}
.notify.success {
  background-color: #60a917;
  color: #ffffff;
}
.notify.success .notify-closer {
  background-color: #60a917;
  color: #ffffff;
}
.notify.success .notify-closer:hover {
  background-color: #7ad61d;
}
.notify.success .notify-closer:active {
  background-color: #128023;
}
.notify.alert {
  background-color: #CE352C;
  color: #ffffff;
}
.notify.alert .notify-closer {
  background-color: #CE352C;
  color: #ffffff;
}
.notify.alert .notify-closer:hover {
  background-color: #da5a53;
}
.notify.alert .notify-closer:active {
  background-color: #9a1616;
}
.notify.warning {
  background-color: #fa6800;
  color: #ffffff;
}
.notify.warning .notify-closer {
  background-color: #fa6800;
  color: #ffffff;
}
.notify.warning .notify-closer:hover {
  background-color: #ffc194;
}
.notify.warning .notify-closer:active {
  background-color: #bf5a15;
}
.notify.info {
  background-color: #1ba1e2;
  color: #ffffff;
}
.notify.info .notify-closer {
  background-color: #1ba1e2;
  color: #ffffff;
}
.notify.info .notify-closer:hover {
  background-color: #59cde2;
}
.notify.info .notify-closer:active {
  background-color: #1B6EAE;
}
p [data-hint] {
  border-bottom: 1px #373737 dotted;
  white-space: nowrap;
}
.hint {
  position: fixed;
  color: #1d1d1d;
  padding: 10px;
  font-size: 12px;
  width: auto;
  max-width: 220px;
  margin-top: 10px;
  z-index: 1030;
  display: none;
  border: 1px #eee solid;
}
.hint .hint-title,
.hint .hint-text {
  color: inherit;
  text-align: left;
}
.hint .hint-title {
  font-size: 1.2em;
  font-weight: bold;
}
.hint:before {
  content: '';
  position: absolute;
  background-color: inherit;
  width: 10px;
  height: 10px;
  border: 1px #eee solid;
  transform: rotate(45deg);
}
.hint:before {
  z-index: 2;
}
.hint.bottom:before {
  top: 1px;
  left: 5px;
  margin: -7px 0;
  border-bottom: none;
  border-right: none;
}
.hint.top:before {
  top: 100%;
  margin-top: -5px;
  left: 5px;
  border-top: none;
  border-left: none;
}
.hint.left:before {
  top: 5px;
  left: 100%;
  margin-left: -5px;
  border-bottom: none;
  border-left: none;
}
.hint.right:before {
  top: 5px;
  left: -9px;
  margin: 1px 0 0 3px;
  border-top: none;
  border-right: none;
}
.hint2 {
  position: fixed;
  color: #1d1d1d;
  padding: 10px;
  font-size: 12px;
  width: auto;
  max-width: 220px;
  margin-top: 10px;
  z-index: 1030;
  display: none;
  border: 1px #eee solid;
}
.hint2 .hint-title,
.hint2 .hint-text {
  color: inherit;
  text-align: left;
}
.hint2 .hint-title {
  font-size: 1.2em;
  font-weight: bold;
}
.hint2:before {
  content: '';
  position: absolute;
  background-color: inherit;
  width: 10px;
  height: 10px;
  border: 1px #eee solid;
  transform: rotate(45deg);
}
.hint2:before {
  z-index: 2;
}
.hint2.bottom:before {
  top: 1px;
  left: 5px;
  margin: -7px 0;
  border-bottom: none;
  border-right: none;
}
.hint2.top:before {
  top: 100%;
  margin-top: -5px;
  left: 5px;
  border-top: none;
  border-left: none;
}
.hint2.left:before {
  top: 5px;
  left: 100%;
  margin-left: -5px;
  border-bottom: none;
  border-left: none;
}
.hint2.right:before {
  top: 5px;
  left: -9px;
  margin: 1px 0 0 3px;
  border-top: none;
  border-right: none;
}
.hint2.no-border {
  border: none;
}
.hint2.no-border:before {
  border: none;
}
.hint2.no-border.right:before {
  left: -7px;
}
.hint2.bottom:before {
  top: 1px;
  left: 50%;
  margin: -7px 0 0 -5px;
  border-bottom: none;
  border-right: none;
}
.hint2.top:before {
  top: 100%;
  margin-top: -5px;
  left: 50%;
  margin-left: -5px;
  border-top: none;
  border-left: none;
}
.hint2.left:before {
  top: 50%;
  margin-top: -5px;
  left: 100%;
  margin-left: -5px;
  border-bottom: none;
  border-left: none;
}
.hint2.right:before {
  top: 50%;
  margin: -5px 0 0 3px;
  left: -9px;
  border-top: none;
  border-right: none;
}
.hint.no-border,
.hint2.no-border {
  border: none;
}
.hint.no-border:before,
.hint2.no-border:before {
  border: none;
}
.hint.no-border.right:before,
.hint2.no-border.right:before {
  left: -7px;
}
.hint2.line {
  padding: 2px 4px;
  border: none;
  display: block;
  max-width: 100%;
  margin: -5px 0 4px 0;
}
.hint2.line:before {
  display: none;
}
.preloader-ring {
  position: relative;
  padding-top: 0.22rem;
  width: 32px;
  height: 32px;
  margin: .625rem;
}
.preloader-ring > .wrap {
  position: absolute;
  width: 30px;
  height: 30px;
}
.preloader-ring > .wrap > .circle {
  opacity: 0;
  width: 30px;
  height: 30px;
  transform: rotate(225deg);
  -webkit-animation: orbit 4000ms infinite;
          animation: orbit 4000ms infinite;
}
.preloader-ring > .wrap > .circle:after {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #ffffff;
}
.preloader-ring > .wrap:nth-child(2) {
  transform: rotate(-14deg);
}
.preloader-ring > .wrap:nth-child(2) > .circle {
  -webkit-animation-delay: 133.33333333ms;
          animation-delay: 133.33333333ms;
}
.preloader-ring > .wrap:nth-child(3) {
  transform: rotate(-28deg);
}
.preloader-ring > .wrap:nth-child(3) > .circle {
  -webkit-animation-delay: 266.66666667ms;
          animation-delay: 266.66666667ms;
}
.preloader-ring > .wrap:nth-child(4) {
  transform: rotate(-42deg);
}
.preloader-ring > .wrap:nth-child(4) > .circle {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.preloader-ring > .wrap:nth-child(5) {
  transform: rotate(-56deg);
}
.preloader-ring > .wrap:nth-child(5) > .circle {
  -webkit-animation-delay: 533.33333333ms;
          animation-delay: 533.33333333ms;
}
.preloader-ring.dark-style > .wrap > .circle:after {
  background-color: #555555;
}
.preloader-ring.color-style > .wrap > .circle:after {
  background-color: #1ba1e2;
}
.preloader-ring.color-style > .wrap:nth-child(2) > .circle:after {
  background-color: #fa6800;
}
.preloader-ring.color-style > .wrap:nth-child(3) > .circle:after {
  background-color: #60a917;
}
.preloader-ring.color-style > .wrap:nth-child(4) > .circle:after {
  background-color: #CE352C;
}
.preloader-ring.color-style > .wrap:nth-child(5) > .circle:after {
  background-color: #e3c800;
}
.preloader-metro {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 10px;
  background-color: transparent;
}
.preloader-metro > .circle {
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  opacity: 0;
  margin-left: 5px;
  -webkit-animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate;
          animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate;
}
.preloader-metro > .circle:nth-child(2) {
  -webkit-animation-delay: .8s;
          animation-delay: .8s;
}
.preloader-metro > .circle:nth-child(3) {
  -webkit-animation-delay: .7s;
          animation-delay: .7s;
}
.preloader-metro > .circle:nth-child(4) {
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}
.preloader-metro > .circle:nth-child(5) {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}
.preloader-metro.dark-style > .circle {
  background-color: #555555;
}
.preloader-metro.color-style > .circle {
  background-color: #1ba1e2;
}
.preloader-metro.color-style > .circle:nth-child(2) {
  background-color: #fa6800;
}
.preloader-metro.color-style > .circle:nth-child(3) {
  background-color: #60a917;
}
.preloader-metro.color-style > .circle:nth-child(4) {
  background-color: #CE352C;
}
.preloader-metro.color-style > .circle:nth-child(5) {
  background-color: #e3c800;
}
.preloader-square {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  transform-origin: bottom left;
  -webkit-animation: ani-shrink 1s linear infinite;
          animation: ani-shrink 1s linear infinite;
}
.preloader-square .square {
  position: absolute;
  width: 19px;
  height: 19px;
  background: #ffffff;
}
.preloader-square .square:nth-child(1) {
  left: 0;
  top: 21px;
}
.preloader-square .square:nth-child(2) {
  left: 21px;
  top: 21px;
  -webkit-animation: ani-drop 1s linear infinite;
          animation: ani-drop 1s linear infinite;
}
.preloader-square .square:nth-child(3) {
  left: 0;
  top: 0;
  -webkit-animation: ani-drop2 1s linear infinite;
          animation: ani-drop2 1s linear infinite;
}
.preloader-square .square:nth-child(4) {
  left: 21px;
  top: 0;
  -webkit-animation: ani-drop3 1s linear infinite;
          animation: ani-drop3 1s linear infinite;
}
.preloader-square.dark-style > .square {
  background-color: #555555;
}
.preloader-square.color-style > .square:nth-child(1) {
  background-color: #fa6800;
}
.preloader-square.color-style > .square:nth-child(2) {
  background-color: #60a917;
}
.preloader-square.color-style > .square:nth-child(3) {
  background-color: #1ba1e2;
}
.preloader-square.color-style > .square:nth-child(4) {
  background-color: #e3c800;
}
.preloader-cycle {
  width: 64px;
  height: 64px;
  position: relative;
  overflow: hidden;
}
.preloader-cycle .cycle {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #ffffff;
  -webkit-animation: ani-pre-spin 1s linear infinite;
          animation: ani-pre-spin 1s linear infinite;
  z-index: 1001;
}
.preloader-cycle .cycle:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #ffffff;
  -webkit-animation: ani-pre-spin 2s linear infinite;
          animation: ani-pre-spin 2s linear infinite;
}
.preloader-cycle .cycle:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #ffffff;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}
.preloader-cycle.dark-style .cycle {
  border-top-color: #1d1d1d;
}
.preloader-cycle.dark-style .cycle:before {
  border-top-color: #1d1d1d;
}
.preloader-cycle.dark-style .cycle:after {
  border-top-color: #1d1d1d;
}
.preloader-cycle.color-style .cycle {
  border-top-color: #3498db;
}
.preloader-cycle.color-style .cycle:before {
  border-top-color: #e74c3c;
}
.preloader-cycle.color-style .cycle:after {
  border-top-color: #f9c922;
}
.dialog-overlay {
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100%;
  min-width: 100%;
  z-index: 1049;
}
.dialog {
  position: fixed;
  display: block;
  width: auto;
  height: auto;
  float: left;
  background-color: #ffffff;
  color: #1d1d1d;
  z-index: 1050;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.dialog .dialog-close-button {
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  min-height: 1.5rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: normal;
  padding: .125rem 0 .625rem 0;
  z-index: 3;
  outline: none;
  cursor: pointer;
  background-color: #ffffff;
  color: #777777;
  top: .25rem;
  right: .25rem;
}
.dialog .dialog-close-button:hover {
  background-color: #cde6f7;
  color: #2a8dd4;
}
.dialog .dialog-close-button:hover:after {
  border-color: #2a8dd4;
}
.dialog .dialog-close-button:active {
  background-color: #92c0e0;
  color: #ffffff;
}
.dialog .dialog-close-button:after {
  border-color: #777777;
  content: '\D7';
  line-height: 1;
}
.dialog.success {
  background-color: #60a917;
  color: #ffffff;
}
.dialog.success .dialog-close-button {
  background-color: #7ad61d;
  color: #ffffff;
}
.dialog.success .dialog-close-button:active {
  background-color: #128023;
}
.dialog.warning {
  background-color: #fa6800;
  color: #ffffff;
}
.dialog.warning .dialog-close-button {
  background-color: #ffc194;
  color: #ffffff;
}
.dialog.warning .dialog-close-button:active {
  background-color: #bf5a15;
}
.dialog.alert {
  background-color: #CE352C;
  color: #ffffff;
}
.dialog.alert .dialog-close-button {
  background-color: #da5a53;
  color: #ffffff;
}
.dialog.alert .dialog-close-button:active {
  background-color: #9a1616;
}
.dialog.info {
  background-color: #1ba1e2;
  color: #ffffff;
}
.dialog.info .dialog-close-button {
  background-color: #59cde2;
  color: #ffffff;
}
.dialog.info .dialog-close-button:active {
  background-color: #1B6EAE;
}
.streamer {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.streamer .streamer-toolbar .toolbar-button {
  display: block;
  float: left;
  width: .625rem;
  height: 1.5rem;
}
.streamer .streamer-toolbar .toolbar-button.active {
  background-color: #555555;
  color: #ffffff;
}
.streamer .meter {
  height: 25px;
  width: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}
.streamer .meter li {
  display: block;
  float: left;
  width: 213px;
  padding: 2px 3px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANUAAAAUCAYAAAAa9HiSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHlJREFUeNrs2csJgDAQQMFE7Gj77yA9+UNswOwewgwI3hYTngrpY4yjAb9FRH9u7qguLfuqmFP1PKutm/2Zu36b9wvMJSoQFYgKRAWICkQFq9qrBn0HY4neM4pl5lSyP75U4PcPRAWICkQFogJEBaICUQGigjynAAMAqEOFksZmC3MAAAAASUVORK5CYII=') top left repeat-x;
}
.streamer .meter li em {
  font-size: 10px;
  font-style: normal;
}
.streamer .streams {
  width: 142px;
  padding-top: 25px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #ffffff;
}
.streamer .streams .streams-title {
  position: absolute;
  top: 0;
}
.streamer .streams .stream {
  position: relative;
  display: block;
  width: 100%;
  height: 75px;
  margin: 0 2px 2px 0;
  padding: 5px;
  color: #ffffff;
  cursor: pointer;
}
.streamer .streams .stream .stream-title {
  font-size: .75rem;
  line-height: 1;
}
.streamer .streams .stream .stream-number {
  position: absolute;
  left: 5px;
  bottom: 5px;
  font-size: .6875rem;
  line-height: 1;
}
.streamer .events {
  padding-left: 143px;
  overflow: hidden;
  height: 100%;
  min-height: 100%;
  overflow-x: scroll;
}
.streamer .events .double {
  width: 424px;
}
.streamer .events .triple {
  width: 637px;
}
.streamer .events .quadro {
  width: 850px;
}
.streamer .events .events-area {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}
.streamer .events .events-area:before,
.streamer .events .events-area:after {
  display: table;
  content: "";
}
.streamer .events .events-area:after {
  clear: both;
}
.streamer .events .events-grid {
  height: 100%;
  min-height: 100%;
}
.streamer .events .events-grid:before,
.streamer .events .events-grid:after {
  display: table;
  content: "";
}
.streamer .events .events-grid:after {
  clear: both;
}
.streamer .events .event-group {
  height: 460px;
  min-width: 211px;
  margin: 0 2px 2px 0;
  float: left;
}
.streamer .events .event-super {
  height: 100%;
  min-height: 100%;
  border: 1px #d9d9d9 solid;
}
.streamer .events .event-super.medium-border {
  border-width: 8px;
}
.streamer .events .event-super.large-border {
  border-width: 16px;
}
.streamer .events .event-stream {
  height: 75px;
}
.streamer .events .event-stream .event {
  min-width: 211px;
  height: 75px;
  float: left;
  display: block;
  margin: 0 2px 2px 0;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px #d9d9d9 solid;
}
.streamer .events .event-stream .event.medium-border {
  border-width: 8px;
}
.streamer .events .event-stream .event.large-border {
  border-width: 16px;
}
.streamer .events .event-stream .event:last-child {
  margin-right: 0;
}
.streamer .events .event-stream .event.event-disable {
  opacity: .2;
}
.streamer .events .event-stream .event .event-content {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  display: none;
}
.streamer .events .event-stream .event .event-content:first-child {
  display: block;
}
.streamer .events .event-stream .event .event-content-logo {
  display: block;
  float: left;
  margin-right: 5px;
  padding: 3px;
}
.streamer .events .event-stream .event .event-content-logo .icon {
  position: relative;
  width: 39px;
  height: 39px;
  margin-bottom: 1px;
}
.streamer .events .event-stream .event .event-content-logo .icon img {
  width: 100%;
  height: 100%;
}
.streamer .events .event-stream .event .event-content-logo .time {
  position: relative;
  width: 39px;
  padding: 8px 4px;
  font-size: .75rem;
  color: #ffffff;
  line-height: 1;
}
.streamer .events .event-stream .event .event-content-data {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  margin-left: 50px;
}
.streamer .events .event-stream .event .event-content-data .title {
  position: relative;
  font-size: .875rem;
  line-height: 1;
  margin: 3px 0 0;
  padding: 0;
}
.streamer .events .event-stream .event .event-content-data .subtitle {
  position: relative;
  font-size: .625rem;
  line-height: 1;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.streamer .events .event-stream .event .event-content-data .remark {
  position: absolute;
  display: block;
  top: 36px;
  margin-right: 4px;
  font-size: .6875rem;
  line-height: 1;
  color: #999999;
}
.streamer .events .event-stream .event:hover {
  border-color: #999999;
}
.streamer .events .event-stream .event.selected {
  border: 4px #4390df solid;
  border-width: 1px;
}
.streamer .events .event-stream .event.selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.streamer .events .event-stream .event.selected:before {
  position: absolute;
  display: block;
  content: "";
  background-color: transparent;
  border-color: #ffffff;
  border-left: 2px solid;
  border-bottom: 2px solid;
  height: .25rem;
  width: .5rem;
  right: 0;
  top: 0;
  z-index: 102;
  transform: rotate(-45deg);
}
.streamer .events .event-stream .event.selected:before {
  right: 3px;
  top: 3px;
  color: #ffffff;
}
.streamer .events .event-stream .event.margin-one {
  margin-left: 213px;
}
.streamer .events .event-stream .event.margin-double {
  margin-left: 426px;
}
.streamer .events .event-stream .event.margin-triple {
  margin-left: 639px;
}
.streamer .events .event-stream .event.margin-quadro {
  margin-left: 852px;
}
.keypad {
  position: relative;
  width: 106px;
  padding: 1px;
  border: 1px #eeeeee solid;
  vertical-align: middle;
  background-color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.keypad:before,
.keypad:after {
  display: table;
  content: "";
}
.keypad:after {
  clear: both;
}
.keypad .key {
  width: 32px;
  height: 32px;
  display: block;
  float: left;
  margin: 1px;
  border: 1px #eeeeee solid;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-size: .875rem;
  line-height: 32px;
}
.keypad .key:hover {
  background-color: #eeeeee;
}
.keypad .key:active {
  background-color: #555555;
  color: #ffffff;
}
.keypad.shadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.fluent-menu .tabs-holder {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  z-index: 2;
}
.fluent-menu .tabs-holder:before,
.fluent-menu .tabs-holder:after {
  display: table;
  content: "";
}
.fluent-menu .tabs-holder:after {
  clear: both;
}
.fluent-menu .tabs-holder li {
  display: block;
  float: left;
  margin-right: 5px;
  background-color: #ffffff;
}
.fluent-menu .tabs-holder li a {
  display: block;
  float: left;
  padding: .25rem 1rem;
  text-transform: uppercase;
  font-size: .8em;
  color: #444444;
}
.fluent-menu .tabs-holder li a:hover {
  color: #0072c6;
}
.fluent-menu .tabs-holder li:first-child {
  margin-left: 0;
}
.fluent-menu .tabs-holder li.active {
  border: 1px #d4d4d4 solid;
  border-bottom-color: #ffffff;
}
.fluent-menu .tabs-holder li.active a {
  color: #0072c6;
}
.fluent-menu .tabs-holder li.special {
  border: 1px #0072c6 solid;
  background-color: #0072c6;
}
.fluent-menu .tabs-holder li.special a {
  color: #ffffff;
}
.fluent-menu .tabs-holder li.special a:hover {
  color: #ffffff;
}
.fluent-menu .tabs-content {
  z-index: 1;
  position: relative;
  margin-top: -1px;
  border: 1px #d4d4d4 solid;
  background-color: #ffffff;
  height: 120px;
}
.fluent-menu .tabs-content .tab-panel {
  display: block;
  height: 100%;
  padding: 5px 0 2px;
}
.fluent-menu .tabs-content .tab-panel .tab-panel-group {
  height: 100%;
  position: relative;
  display: block;
  float: left;
  padding: 0 5px;
  border-right: 1px #d4d4d4 solid;
}
.fluent-menu .tabs-content .tab-panel .tab-panel-group:last-child {
  margin-right: 0;
}
.fluent-menu .tabs-content .tab-panel .tab-group-caption {
  font-size: 10px;
  margin: 2px 0 -2px;
  text-align: center;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  white-space: nowrap;
  background: #eeeeee;
}
.fluent-menu .tabs-content .tab-panel .tab-content-segment {
  display: block;
  float: left;
  position: relative;
}
.fluent-menu .fluent-button,
.fluent-menu .fluent-big-button,
.fluent-menu .fluent-tool-button {
  background-color: #ffffff;
  padding: .3125rem;
  display: block;
  cursor: default;
  border: 0;
  outline: none;
  font-size: .8em;
  line-height: 1.2;
  vertical-align: middle;
}
.fluent-menu .fluent-button:hover,
.fluent-menu .fluent-big-button:hover,
.fluent-menu .fluent-tool-button:hover {
  background-color: #cde6f7;
}
.fluent-menu .fluent-button img,
.fluent-menu .fluent-big-button img,
.fluent-menu .fluent-tool-button img,
.fluent-menu .fluent-button .icon,
.fluent-menu .fluent-big-button .icon,
.fluent-menu .fluent-tool-button .icon,
.fluent-menu .fluent-button [class*=mif-],
.fluent-menu .fluent-big-button [class*=mif-],
.fluent-menu .fluent-tool-button [class*=mif-] {
  line-height: 1.2;
  display: block;
  float: left;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  color: #444444;
  vertical-align: middle;
}
.fluent-menu .fluent-button .label,
.fluent-menu .fluent-big-button .label,
.fluent-menu .fluent-tool-button .label {
  display: inline-block;
  color: inherit;
  font: inherit;
}
.fluent-menu .fluent-button:active,
.fluent-menu .fluent-big-button:active,
.fluent-menu .fluent-tool-button:active {
  top: 0;
  left: 0;
  background-color: #75bae9;
}
.fluent-menu .fluent-button.dropdown-toggle:before,
.fluent-menu .fluent-big-button.dropdown-toggle:before,
.fluent-menu .fluent-tool-button.dropdown-toggle:before {
  margin-top: -0.3125rem;
}
.fluent-menu .fluent-big-button {
  padding: 7px 5px;
  text-align: center;
  white-space: normal;
  line-height: 12px;
  float: left;
  position: relative;
}
.fluent-menu .fluent-big-button img,
.fluent-menu .fluent-big-button .icon,
.fluent-menu .fluent-big-button [class*=mif-] {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 40px;
  float: none;
  text-align: center;
  margin: 5px auto 5px;
}
.fluent-menu .fluent-big-button br {
  line-height: 4px;
  height: 4px;
  font-size: 4px;
}
.fluent-menu .fluent-tool-button {
  padding: 4px;
}
.fluent-menu .fluent-tool-button img,
.fluent-menu .fluent-tool-button [class*="icon-"] {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  float: none;
  text-align: center;
}
.fluent-menu .fluent-tool-button img {
  margin-right: 0;
}
.fluent-menu .dropdown-toggle {
  padding-right: 24px;
}
.fluent-menu .d-menu {
  position: absolute;
  top: 100%;
  z-index: 100;
}
.fluent-menu .d-menu a {
  padding: 4px 24px;
  font-size: .8em;
}
.fluent-menu .d-menu a:hover {
  background-color: #cde6f7;
  color: #444444;
}
.video-player:-webkit-full-screen {
  position: fixed;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
}
.video-player:-webkit-full-screen video {
  width: 100%;
  height: 100%;
}
.video-player:-webkit-full-screen {
  position: fixed;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
.video-player:-moz-full-screen {
  position: fixed;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
.video-player:-ms-fullscreen {
  position: fixed;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
.video-player:fullscreen {
  position: fixed;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
.video-player:-webkit-full-screen video {
  width: 100%;
  height: 100%;
}
.video-player:-moz-full-screen video {
  width: 100%;
  height: 100%;
}
.video-player:-ms-fullscreen video {
  width: 100%;
  height: 100%;
}
.video-player:fullscreen video {
  width: 100%;
  height: 100%;
}
.video-player {
  display: block;
  background: #1d1d1d;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}
.video-player .video-preloader {
  position: absolute;
  z-index: 2147483647;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
}
.video-player .video-logo {
  position: absolute;
  z-index: 2147483647;
  right: 20px;
  top: 20px;
  height: 32px;
}
.video-player video {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video-player .controls {
  position: absolute;
  height: auto;
  padding: .625rem;
  z-index: 2147483647;
  background: rgba(34, 34, 34, 0.5);
}
.video-player .controls .info-box {
  float: left;
  background: inherit;
  margin: 0 2px;
  padding: .75rem 1rem;
  color: #ffffff;
  height: 2.125rem;
  text-align: center;
  font-size: .8em;
}
.video-player .controls .control-slider {
  height: 2.125rem;
  float: left;
  padding: 0 1rem 0;
  margin: 0 2px;
  background: inherit;
}
.video-player .controls .volume-slider-wrapper {
  width: 6rem;
}
.video-player .controls .stream-slider-wrapper {
  float: none;
  width: 100%;
}
.video-player .controls .control-button {
  float: left;
  background: inherit;
  border: 0;
  color: #b3b3b3;
  outline: none;
  position: relative;
  margin: 0 2px;
}
.video-player .controls .control-button:hover,
.video-player .controls .control-button:active {
  color: #ffffff;
}
.video-player .controls .control-button.loop.active {
  color: #60a917;
}
.video-player .controls .control-button.stop:disabled {
  color: #555555;
}
.video-player .controls .control-button.full {
  float: right;
}
.video-player .controls.position-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
.video-player.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  z-index: 2147483646;
}
video::-webkit-media-controls {
  display: none !important;
}
video::-webkit-media-controls-enclosure {
  display: none !important;
}
.audio-player {
  display: inline-block;
  position: relative;
  background: #1d1d1d;
  height: auto;
}
.audio-player .controls {
  position: relative;
  width: 100%;
  height: auto;
  padding: 4px;
  background: inherit;
}
.audio-player .controls:before,
.audio-player .controls:after {
  display: table;
  content: "";
}
.audio-player .controls:after {
  clear: both;
}
.audio-player .controls .control-element {
  height: 2.125rem;
  display: inline-block;
  border: none;
  background: rgba(34, 34, 34, 0.5);
  vertical-align: middle;
}
.audio-player .controls .stream-wrapper {
  padding: 0 .25rem;
}
.audio-player .controls .stream-slider {
  width: 200px;
}
.audio-player .controls .info-box {
  margin: 0 2px;
  padding: .75rem 1rem;
  color: #ffffff;
  height: 2.125rem;
  line-height: 1;
  text-align: center;
  font-size: .8em;
}
.audio-player .controls .volume-wrapper {
  width: 100px;
  padding: 0 .25rem 0;
}
.audio-player .controls .play,
.audio-player .controls .stop,
.audio-player .controls .loop,
.audio-player .controls .volume,
.audio-player .controls .next,
.audio-player .controls .prev,
.audio-player .controls .shuffle,
.audio-player .controls .random,
.audio-player .controls .plist {
  color: #b3b3b3;
}
.audio-player .controls .play:hover,
.audio-player .controls .stop:hover,
.audio-player .controls .loop:hover,
.audio-player .controls .volume:hover,
.audio-player .controls .next:hover,
.audio-player .controls .prev:hover,
.audio-player .controls .shuffle:hover,
.audio-player .controls .random:hover,
.audio-player .controls .plist:hover,
.audio-player .controls .play:active,
.audio-player .controls .stop:active,
.audio-player .controls .loop:active,
.audio-player .controls .volume:active,
.audio-player .controls .next:active,
.audio-player .controls .prev:active,
.audio-player .controls .shuffle:active,
.audio-player .controls .random:active,
.audio-player .controls .plist:active {
  color: #ffffff;
}
.audio-player .controls .loop.active {
  color: #7ad61d;
}
.audio-player .controls .control-element:disabled {
  color: #555555;
}
.audio-player .play-list-wrapper {
  display: block;
  position: relative;
  padding: .625rem;
  border-bottom: 1px solid #555555;
}
.audio-player .play-list-wrapper:before,
.audio-player .play-list-wrapper:after {
  display: table;
  content: "";
}
.audio-player .play-list-wrapper:after {
  clear: both;
}
.audio-player .play-list-wrapper.not-visible {
  display: none;
}
.audio-player .album-title {
  font-size: 2rem;
  color: #ffffff;
  font-weight: lighter;
  margin: 0 0 .625rem;
  padding-bottom: .625rem;
  border-bottom: 1px solid #555555;
}
.audio-player .poster {
  float: left;
  width: 10rem;
  height: 100%;
}
.audio-player .album-desc {
  padding: .625rem;
  color: #eeeeee;
  font-size: .6875rem;
}
.audio-player .play-list {
  list-style: none;
  padding: 10px;
  color: #ffffff;
  display: block;
  font-size: .8em;
  width: 100%;
}
.audio-player .play-list li {
  padding: .125rem 1rem;
  cursor: pointer;
  position: relative;
}
.audio-player .play-list li:hover {
  background: #555555;
}
.audio-player .play-list li.current {
  color: #1ba1e2;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.audio-player .play-list li.current:before {
  content: "\25B6";
  position: absolute;
  left: .25rem;
}
.audio-player .poster ~ .play-list {
  margin: 0 0 0 11rem;
  width: calc(100% - 11rem);
}
.audio-player.micro .plist,
.audio-player.micro .loop,
.audio-player.micro .next,
.audio-player.micro .prev,
.audio-player.micro .random,
.audio-player.micro .stop,
.audio-player.micro .stream-wrapper,
.audio-player.micro .info-box,
.audio-player.micro .volume-wrapper,
.audio-player.micro .volume {
  display: none;
}
.audio-player.small .plist,
.audio-player.small .stop,
.audio-player.small .stream-wrapper,
.audio-player.small .next,
.audio-player.small .prev,
.audio-player.small .random,
.audio-player.small .loop {
  display: none;
}
.audio-player.medium .plist,
.audio-player.medium .stop,
.audio-player.medium .next,
.audio-player.medium .prev,
.audio-player.medium .random,
.audio-player.medium .loop {
  display: none;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: .3125rem 0;
  position: relative;
  vertical-align: middle;
  height: auto;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 2.125rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 2.125rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 998;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
}
.select2-container .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 2;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
  border: 1px solid #999999;
  color: #1d1d1d;
  font-size: .875rem;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
  vertical-align: middle;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--single {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container input {
  outline: none;
}
.select2-container .select2-search.select2-search--inline input {
  margin-top: 7px;
  padding: 0;
}
.input-control .select2-container {
  margin: 0;
}
.input-control.required .select2-selection {
  border: 1px dashed #1ba1e2;
}
.input-control.error .select2-selection {
  border: 1px solid #CE352C;
}
.input-control.warning .select2-selection {
  border: 1px solid #e3c800;
}
.input-control.success .select2-selection {
  border: 1px solid #60a917;
}
.input-control.info .select2-selection {
  border: 1px solid #1ba1e2;
}
/*
* Third-party plugin DataTables
* Plugin home page: http://datatables.net/
*/
.dataTable {
  width: 100%;
  margin: .625rem 0;
  clear: both;
}
.dataTable th,
.dataTable td {
  padding: 0.625rem;
}
.dataTable thead {
  border-bottom: 4px solid #999999;
}
.dataTable thead th,
.dataTable thead td {
  cursor: default;
  color: #52677a;
  border-color: transparent;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.dataTable tfoot {
  border-top: 4px solid #999999;
}
.dataTable tfoot th,
.dataTable tfoot td {
  cursor: default;
  color: #52677a;
  border-color: transparent;
  text-align: left;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.dataTable tbody td {
  padding: 0.625rem 0.85rem;
}
.dataTable .sortable-column {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dataTable .sortable-column:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  left: 100%;
  margin-left: -20px;
  top: 50%;
  margin-top: -0.5rem;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
}
.dataTable .sortable-column.sort-asc,
.dataTable .sortable-column.sort-desc {
  background-color: #eeeeee;
}
.dataTable .sortable-column.sort-asc:after,
.dataTable .sortable-column.sort-desc:after {
  color: #1d1d1d;
}
.dataTable .sortable-column.sort-asc:after {
  content: "\2191";
}
.dataTable .sortable-column.sort-desc:after {
  content: "\2193";
}
.dataTable.sortable-markers-on-left .sortable-column {
  padding-left: 30px;
}
.dataTable.sortable-markers-on-left .sortable-column:before,
.dataTable.sortable-markers-on-left .sortable-column:after {
  left: 0;
  margin-left: 10px;
}
.dataTable tr.selected td {
  background-color: rgba(28, 183, 236, 0.1);
}
.dataTable td.selected {
  background-color: rgba(28, 183, 236, 0.3);
}
.dataTable.striped tbody tr:nth-child(odd) {
  background: #eeeeee;
}
.dataTable.hovered tbody tr:hover {
  background-color: rgba(28, 183, 236, 0.1);
}
.dataTable.cell-hovered tbody td:hover {
  background-color: rgba(28, 183, 236, 0.3);
}
.dataTable.border {
  border: 1px #999999 solid;
}
.dataTable.bordered th,
.dataTable.bordered td {
  border: 1px #999999 solid;
}
.dataTable.bordered thead tr:first-child th,
.dataTable.bordered thead tr:first-child td {
  border-top: none;
}
.dataTable.bordered thead tr:first-child th:first-child,
.dataTable.bordered thead tr:first-child td:first-child {
  border-left: none;
}
.dataTable.bordered thead tr:first-child th:last-child,
.dataTable.bordered thead tr:first-child td:last-child {
  border-right: none;
}
.dataTable.bordered tbody tr:first-child td {
  border-top: none;
}
.dataTable.bordered tbody tr td:first-child {
  border-left: none;
}
.dataTable.bordered tbody tr td:last-child {
  border-right: none;
}
.dataTable.bordered tbody tr:last-child td {
  border-bottom: none;
}
.dataTable .condensed th,
.dataTable .condensed td {
  padding: .3125rem;
}
.dataTable .super-condensed th,
.dataTable .super-condensed td {
  padding: .125rem;
}
.dataTable tbody tr.error {
  background-color: #CE352C;
  color: #ffffff;
}
.dataTable tbody tr.error:hover {
  background-color: #da5a53;
}
.dataTable tbody tr.warning {
  background-color: #fa6800;
  color: #ffffff;
}
.dataTable tbody tr.warning:hover {
  background-color: #ffc194;
}
.dataTable tbody tr.success {
  background-color: #60a917;
  color: #ffffff;
}
.dataTable tbody tr.success:hover {
  background-color: #7ad61d;
}
.dataTable tbody tr.info {
  background-color: #1ba1e2;
  color: #ffffff;
}
.dataTable tbody tr.info:hover {
  background-color: #59cde2;
}
.dataTable .sorting {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dataTable .sorting:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  left: 100%;
  margin-left: -20px;
  top: 50%;
  margin-top: -0.5rem;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
}
.dataTable .sorting.sort-asc,
.dataTable .sorting.sort-desc {
  background-color: #eeeeee;
}
.dataTable .sorting.sort-asc:after,
.dataTable .sorting.sort-desc:after {
  color: #1d1d1d;
}
.dataTable .sorting.sort-asc:after {
  content: "\2191";
}
.dataTable .sorting.sort-desc:after {
  content: "\2193";
}
.dataTable .sorting_asc,
.dataTable .sorting_desc {
  position: relative;
}
.dataTable .sorting_asc:after,
.dataTable .sorting_desc:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  left: 100%;
  margin-left: -20px;
  top: 50%;
  margin-top: -0.5rem;
  color: inherit;
  line-height: 1;
  font-size: 1.1rem;
}
.dataTable .sorting_asc {
  background-color: #eeeeee;
}
.dataTable .sorting_asc:after {
  color: #1d1d1d;
}
.dataTable .sorting_asc:after {
  content: "\2191";
}
.dataTable .sorting_desc {
  background-color: #eeeeee;
}
.dataTable .sorting_desc:after {
  color: #1d1d1d;
}
.dataTable .sorting_desc:after {
  content: "\2193";
}
.dataTables_paginate {
  display: block;
  margin: .625rem 0;
  float: left;
  width: 50%;
  margin: 0;
}
.dataTables_paginate:before,
.dataTables_paginate:after {
  display: table;
  content: "";
}
.dataTables_paginate:after {
  clear: both;
}
.dataTables_paginate > .item {
  display: block;
  float: left;
  margin-left: .0652rem;
  padding: 0.25rem .625rem;
  background-color: #ffffff;
  cursor: pointer;
  border: 1px #eeeeee solid;
  text-align: center;
  font-size: .875rem;
  color: #1d1d1d;
}
.dataTables_paginate > .item:first-child {
  margin-left: 0 ;
}
.dataTables_paginate > .item.current,
.dataTables_paginate > .item.active {
  background-color: #1ba1e2;
  border-color: #59cde2;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.dataTables_paginate > .item:hover {
  background-color: #75c7ee;
  border-color: #75c7ee;
  color: #ffffff;
}
.dataTables_paginate > .item:disabled,
.dataTables_paginate > .item.disabled {
  cursor: default;
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #999999;
}
.dataTables_paginate > .item.spaces {
  border: 0;
  cursor: default;
  color: #1d1d1d;
}
.dataTables_paginate > .item.spaces:hover {
  background-color: inherit ;
  color: #1d1d1d;
}
.dataTables_paginate.rounded > .item {
  border-radius: .3125rem;
}
.dataTables_paginate.cycle > .item {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: .7rem;
  padding: .4375rem 0;
}
.dataTables_paginate.no-border > .item {
  border: 0;
}
.dataTables_paginate.no-border > .item:hover {
  color: #59cde2;
  background-color: transparent ;
}
.dataTables_paginate.no-border > .item:disabled,
.dataTables_paginate.no-border > .item.disabled {
  cursor: default;
  background-color: transparent;
  border-color: transparent;
  color: #999999;
}
.dataTables_paginate.no-border > .item.current:hover,
.dataTables_paginate.no-border > .item.active:hover {
  background-color: #75c7ee;
  border-color: #75c7ee;
  color: #ffffff;
}
.dataTables_paginate .paginate_button {
  display: block;
  float: left;
  margin-left: .0652rem;
  padding: 0.25rem .625rem;
  background-color: #ffffff;
  cursor: pointer;
  border: 1px #eeeeee solid;
  text-align: center;
  font-size: .875rem;
  color: #1d1d1d;
}
.dataTables_paginate .paginate_button:first-child {
  margin-left: 0 ;
}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.active {
  background-color: #1ba1e2;
  border-color: #59cde2;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.dataTables_paginate .paginate_button:hover {
  background-color: #75c7ee;
  border-color: #75c7ee;
  color: #ffffff;
}
.dataTables_paginate .paginate_button:disabled,
.dataTables_paginate .paginate_button.disabled {
  cursor: default;
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #999999;
}
.dataTables_paginate .paginate_button.spaces {
  border: 0;
  cursor: default;
  color: #1d1d1d;
}
.dataTables_paginate .paginate_button.spaces:hover {
  background-color: inherit ;
  color: #1d1d1d;
}
.dataTables_paginate .ellipsis {
  display: block;
  float: left;
  padding: .25rem .625rem;
}
.dataTables_info {
  padding: 5px;
  background-color: #eeeeee;
  font-size: .875rem;
  float: right;
}
.dataTables_length {
  display: block;
  float: left;
  margin: .625rem 0;
}
.dataTables_length select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0 .125rem;
  padding: .3125rem;
  border: 1px #d9d9d9 solid;
}
.dataTables_length select:focus {
  outline: none;
  border-color: #1d1d1d;
}
.dataTables_filter {
  display: block;
  float: right;
  margin: .625rem 0;
}
.dataTables_filter label > input {
  margin: 0 0 0 .25rem;
}
.dataTables_filter input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: .3125rem;
  border: 1px #d9d9d9 solid;
}
.dataTables_filter input:focus {
  outline: none;
  border-color: #1d1d1d;
}
.flexbox {
  display: flex;
}
.flex-dir-row {
  flex-direction: row;
}
.flex-dir-row-reverse {
  flex-direction: row-reverse;
}
.flex-dir-column {
  flex-direction: column;
}
.flex-dir-column-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-just-start {
  justify-content: flex-start;
}
.flex-just-end {
  justify-content: flex-end;
}
.flex-just-center {
  justify-content: center;
}
.flex-just-sa {
  justify-content: space-around;
}
.flex-just-sb {
  justify-content: space-between;
}
.flex-align-stretch {
  -webkit-box-align: stretch;
              -ms-grid-row-align: stretch;
          align-items: stretch;
}
.flex-align-start {
  -webkit-box-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start;
}
.flex-align-end {
  -webkit-box-align: end;
              -ms-grid-row-align: flex-end;
          align-items: flex-end;
}
.flex-align-center {
  -webkit-box-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}
.flex-align-base {
  -webkit-box-align: baseline;
              -ms-grid-row-align: baseline;
          align-items: baseline;
}
.flex-content-stretch {
  align-content: stretch;
}
.flex-content-start {
  align-content: flex-start;
}
.flex-content-end {
  align-content: flex-end;
}
.flex-content-center {
  align-content: center;
}
.flex-content-sb {
  align-content: space-between;
}
.flex-content-sa {
  align-content: space-around;
}
.flex-self-auto {
  align-self: auto;
}
.flex-self-start {
  align-self: flex-start;
}
.flex-self-end {
  align-self: flex-end;
}
.flex-self-center {
  align-self: center;
}
.flex-self-base {
  align-self: baseline;
}
.flex-self-stretch {
  align-self: stretch;
}
.no-shrink {
  flex-shrink: 0 !important;
}
.no-grow {
  flex-grow: 0 !important;
}
.flex-size-auto {
  flex: 1 auto;
}
.flex-size1 {
  flex-grow: 1;
}
.flex-size2 {
  flex-grow: 2;
}
.flex-size3 {
  flex-grow: 3;
}
.flex-size4 {
  flex-grow: 4;
}
.flex-size5 {
  flex-grow: 5;
}
.flex-size6 {
  flex-grow: 6;
}
.flex-size7 {
  flex-grow: 7;
}
.flex-size8 {
  flex-grow: 8;
}
.flex-size9 {
  flex-grow: 9;
}
.flex-size10 {
  flex-grow: 10;
}
.flex-size11 {
  flex-grow: 11;
}
.flex-size12 {
  flex-grow: 12;
}
.flex-size-p10 {
  flex: 0 0 10%;
}
.flex-size-p20 {
  flex: 0 0 20%;
}
.flex-size-p30 {
  flex: 0 0 30%;
}
.flex-size-p40 {
  flex: 0 0 40%;
}
.flex-size-p50 {
  flex: 0 0 50%;
}
.flex-size-p60 {
  flex: 0 0 60%;
}
.flex-size-p70 {
  flex: 0 0 70%;
}
.flex-size-p80 {
  flex: 0 0 80%;
}
.flex-size-p90 {
  flex: 0 0 90%;
}
.flex-size-p100 {
  flex: 0 0 100%;
}
.flex-size-x100 {
  flex: 0 0 100px;
}
.flex-size-x200 {
  flex: 0 0 200px;
}
.flex-size-x300 {
  flex: 0 0 300px;
}
.flex-size-x400 {
  flex: 0 0 400px;
}
.flex-size-x500 {
  flex: 0 0 500px;
}
.flex-size-x600 {
  flex: 0 0 600px;
}
.flex-size-x700 {
  flex: 0 0 700px;
}
.flex-size-x800 {
  flex: 0 0 800px;
}
.flex-size-x900 {
  flex: 0 0 900px;
}
.flex-size-x1000 {
  flex: 0 0 1000px;
}
.op-default {
  background-color: rgba(27, 161, 226, 0.7);
}
.fg-black {
  color: #000000 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bd-black {
  border-color: #000000 !important;
}
.ol-black {
  outline-color: #000000 !important;
}
.op-black {
  background-color: rgba(0, 0, 0, 0.7);
}
.ribbed-black {
  background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-black:before {
  background: #000000 !important;
}
.before-fg-black:before {
  color: #000000 !important;
}
.after-bg-black:after {
  background: #000000 !important;
}
.after-fg-black:after {
  color: #000000 !important;
}
.bg-hover-black:hover {
  background: #000000 !important;
}
.bg-active-black:active {
  background: #000000 !important;
}
.bg-focus-black:focus {
  background: #000000 !important;
}
.fg-hover-black:hover {
  color: #000000 !important;
}
.fg-active-black:active {
  color: #000000 !important;
}
.fg-focus-black:focus {
  color: #000000 !important;
}
.fg-white {
  color: #ffffff !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bd-white {
  border-color: #ffffff !important;
}
.ol-white {
  outline-color: #ffffff !important;
}
.op-white {
  background-color: rgba(255, 255, 255, 0.7);
}
.ribbed-white {
  background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-white:before {
  background: #ffffff !important;
}
.before-fg-white:before {
  color: #ffffff !important;
}
.after-bg-white:after {
  background: #ffffff !important;
}
.after-fg-white:after {
  color: #ffffff !important;
}
.bg-hover-white:hover {
  background: #ffffff !important;
}
.bg-active-white:active {
  background: #ffffff !important;
}
.bg-focus-white:focus {
  background: #ffffff !important;
}
.fg-hover-white:hover {
  color: #ffffff !important;
}
.fg-active-white:active {
  color: #ffffff !important;
}
.fg-focus-white:focus {
  color: #ffffff !important;
}
.fg-lime {
  color: #a4c400 !important;
}
.bg-lime {
  background-color: #a4c400 !important;
}
.bd-lime {
  border-color: #a4c400 !important;
}
.ol-lime {
  outline-color: #a4c400 !important;
}
.op-lime {
  background-color: rgba(164, 196, 0, 0.7);
}
.ribbed-lime {
  background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lime:before {
  background: #a4c400 !important;
}
.before-fg-lime:before {
  color: #a4c400 !important;
}
.after-bg-lime:after {
  background: #a4c400 !important;
}
.after-fg-lime:after {
  color: #a4c400 !important;
}
.bg-hover-lime:hover {
  background: #a4c400 !important;
}
.bg-active-lime:active {
  background: #a4c400 !important;
}
.bg-focus-lime:focus {
  background: #a4c400 !important;
}
.fg-hover-lime:hover {
  color: #a4c400 !important;
}
.fg-active-lime:active {
  color: #a4c400 !important;
}
.fg-focus-lime:focus {
  color: #a4c400 !important;
}
.fg-green {
  color: #60a917 !important;
}
.bg-green {
  background-color: #60a917 !important;
}
.bd-green {
  border-color: #60a917 !important;
}
.ol-green {
  outline-color: #60a917 !important;
}
.op-green {
  background-color: rgba(96, 169, 23, 0.7);
}
.ribbed-green {
  background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-green:before {
  background: #60a917 !important;
}
.before-fg-green:before {
  color: #60a917 !important;
}
.after-bg-green:after {
  background: #60a917 !important;
}
.after-fg-green:after {
  color: #60a917 !important;
}
.bg-hover-green:hover {
  background: #60a917 !important;
}
.bg-active-green:active {
  background: #60a917 !important;
}
.bg-focus-green:focus {
  background: #60a917 !important;
}
.fg-hover-green:hover {
  color: #60a917 !important;
}
.fg-active-green:active {
  color: #60a917 !important;
}
.fg-focus-green:focus {
  color: #60a917 !important;
}
.fg-emerald {
  color: #008a00 !important;
}
.bg-emerald {
  background-color: #008a00 !important;
}
.bd-emerald {
  border-color: #008a00 !important;
}
.ol-emerald {
  outline-color: #008a00 !important;
}
.op-emerald {
  background-color: rgba(0, 138, 0, 0.7);
}
.ribbed-emerald {
  background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-emerald:before {
  background: #008a00 !important;
}
.before-fg-emerald:before {
  color: #008a00 !important;
}
.after-bg-emerald:after {
  background: #008a00 !important;
}
.after-fg-emerald:after {
  color: #008a00 !important;
}
.bg-hover-emerald:hover {
  background: #008a00 !important;
}
.bg-active-emerald:active {
  background: #008a00 !important;
}
.bg-focus-emerald:focus {
  background: #008a00 !important;
}
.fg-hover-emerald:hover {
  color: #008a00 !important;
}
.fg-active-emerald:active {
  color: #008a00 !important;
}
.fg-focus-emerald:focus {
  color: #008a00 !important;
}
.fg-blue {
  color: #00AFF0 !important;
}
.bg-blue {
  background-color: #00AFF0 !important;
}
.bd-blue {
  border-color: #00AFF0 !important;
}
.ol-blue {
  outline-color: #00AFF0 !important;
}
.op-blue {
  background-color: rgba(0, 175, 240, 0.7);
}
.ribbed-blue {
  background: #00AFF0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-blue:before {
  background: #00AFF0 !important;
}
.before-fg-blue:before {
  color: #00AFF0 !important;
}
.after-bg-blue:after {
  background: #00AFF0 !important;
}
.after-fg-blue:after {
  color: #00AFF0 !important;
}
.bg-hover-blue:hover {
  background: #00AFF0 !important;
}
.bg-active-blue:active {
  background: #00AFF0 !important;
}
.bg-focus-blue:focus {
  background: #00AFF0 !important;
}
.fg-hover-blue:hover {
  color: #00AFF0 !important;
}
.fg-active-blue:active {
  color: #00AFF0 !important;
}
.fg-focus-blue:focus {
  color: #00AFF0 !important;
}
.fg-teal {
  color: #00aba9 !important;
}
.bg-teal {
  background-color: #00aba9 !important;
}
.bd-teal {
  border-color: #00aba9 !important;
}
.ol-teal {
  outline-color: #00aba9 !important;
}
.op-teal {
  background-color: rgba(0, 171, 169, 0.7);
}
.ribbed-teal {
  background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-teal:before {
  background: #00aba9 !important;
}
.before-fg-teal:before {
  color: #00aba9 !important;
}
.after-bg-teal:after {
  background: #00aba9 !important;
}
.after-fg-teal:after {
  color: #00aba9 !important;
}
.bg-hover-teal:hover {
  background: #00aba9 !important;
}
.bg-active-teal:active {
  background: #00aba9 !important;
}
.bg-focus-teal:focus {
  background: #00aba9 !important;
}
.fg-hover-teal:hover {
  color: #00aba9 !important;
}
.fg-active-teal:active {
  color: #00aba9 !important;
}
.fg-focus-teal:focus {
  color: #00aba9 !important;
}
.fg-cyan {
  color: #1ba1e2 !important;
}
.bg-cyan {
  background-color: #1ba1e2 !important;
}
.bd-cyan {
  border-color: #1ba1e2 !important;
}
.ol-cyan {
  outline-color: #1ba1e2 !important;
}
.op-cyan {
  background-color: rgba(27, 161, 226, 0.7);
}
.ribbed-cyan {
  background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-cyan:before {
  background: #1ba1e2 !important;
}
.before-fg-cyan:before {
  color: #1ba1e2 !important;
}
.after-bg-cyan:after {
  background: #1ba1e2 !important;
}
.after-fg-cyan:after {
  color: #1ba1e2 !important;
}
.bg-hover-cyan:hover {
  background: #1ba1e2 !important;
}
.bg-active-cyan:active {
  background: #1ba1e2 !important;
}
.bg-focus-cyan:focus {
  background: #1ba1e2 !important;
}
.fg-hover-cyan:hover {
  color: #1ba1e2 !important;
}
.fg-active-cyan:active {
  color: #1ba1e2 !important;
}
.fg-focus-cyan:focus {
  color: #1ba1e2 !important;
}
.fg-cobalt {
  color: #0050ef !important;
}
.bg-cobalt {
  background-color: #0050ef !important;
}
.bd-cobalt {
  border-color: #0050ef !important;
}
.ol-cobalt {
  outline-color: #0050ef !important;
}
.op-cobalt {
  background-color: rgba(0, 80, 239, 0.7);
}
.ribbed-cobalt {
  background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-cobalt:before {
  background: #0050ef !important;
}
.before-fg-cobalt:before {
  color: #0050ef !important;
}
.after-bg-cobalt:after {
  background: #0050ef !important;
}
.after-fg-cobalt:after {
  color: #0050ef !important;
}
.bg-hover-cobalt:hover {
  background: #0050ef !important;
}
.bg-active-cobalt:active {
  background: #0050ef !important;
}
.bg-focus-cobalt:focus {
  background: #0050ef !important;
}
.fg-hover-cobalt:hover {
  color: #0050ef !important;
}
.fg-active-cobalt:active {
  color: #0050ef !important;
}
.fg-focus-cobalt:focus {
  color: #0050ef !important;
}
.fg-indigo {
  color: #6a00ff !important;
}
.bg-indigo {
  background-color: #6a00ff !important;
}
.bd-indigo {
  border-color: #6a00ff !important;
}
.ol-indigo {
  outline-color: #6a00ff !important;
}
.op-indigo {
  background-color: rgba(106, 0, 255, 0.7);
}
.ribbed-indigo {
  background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-indigo:before {
  background: #6a00ff !important;
}
.before-fg-indigo:before {
  color: #6a00ff !important;
}
.after-bg-indigo:after {
  background: #6a00ff !important;
}
.after-fg-indigo:after {
  color: #6a00ff !important;
}
.bg-hover-indigo:hover {
  background: #6a00ff !important;
}
.bg-active-indigo:active {
  background: #6a00ff !important;
}
.bg-focus-indigo:focus {
  background: #6a00ff !important;
}
.fg-hover-indigo:hover {
  color: #6a00ff !important;
}
.fg-active-indigo:active {
  color: #6a00ff !important;
}
.fg-focus-indigo:focus {
  color: #6a00ff !important;
}
.fg-violet {
  color: #aa00ff !important;
}
.bg-violet {
  background-color: #aa00ff !important;
}
.bd-violet {
  border-color: #aa00ff !important;
}
.ol-violet {
  outline-color: #aa00ff !important;
}
.op-violet {
  background-color: rgba(170, 0, 255, 0.7);
}
.ribbed-violet {
  background: #aa00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-violet:before {
  background: #aa00ff !important;
}
.before-fg-violet:before {
  color: #aa00ff !important;
}
.after-bg-violet:after {
  background: #aa00ff !important;
}
.after-fg-violet:after {
  color: #aa00ff !important;
}
.bg-hover-violet:hover {
  background: #aa00ff !important;
}
.bg-active-violet:active {
  background: #aa00ff !important;
}
.bg-focus-violet:focus {
  background: #aa00ff !important;
}
.fg-hover-violet:hover {
  color: #aa00ff !important;
}
.fg-active-violet:active {
  color: #aa00ff !important;
}
.fg-focus-violet:focus {
  color: #aa00ff !important;
}
.fg-pink {
  color: #dc4fad !important;
}
.bg-pink {
  background-color: #dc4fad !important;
}
.bd-pink {
  border-color: #dc4fad !important;
}
.ol-pink {
  outline-color: #dc4fad !important;
}
.op-pink {
  background-color: rgba(220, 79, 173, 0.7);
}
.ribbed-pink {
  background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-pink:before {
  background: #dc4fad !important;
}
.before-fg-pink:before {
  color: #dc4fad !important;
}
.after-bg-pink:after {
  background: #dc4fad !important;
}
.after-fg-pink:after {
  color: #dc4fad !important;
}
.bg-hover-pink:hover {
  background: #dc4fad !important;
}
.bg-active-pink:active {
  background: #dc4fad !important;
}
.bg-focus-pink:focus {
  background: #dc4fad !important;
}
.fg-hover-pink:hover {
  color: #dc4fad !important;
}
.fg-active-pink:active {
  color: #dc4fad !important;
}
.fg-focus-pink:focus {
  color: #dc4fad !important;
}
.fg-magenta {
  color: #d80073 !important;
}
.bg-magenta {
  background-color: #d80073 !important;
}
.bd-magenta {
  border-color: #d80073 !important;
}
.ol-magenta {
  outline-color: #d80073 !important;
}
.op-magenta {
  background-color: rgba(216, 0, 115, 0.7);
}
.ribbed-magenta {
  background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-magenta:before {
  background: #d80073 !important;
}
.before-fg-magenta:before {
  color: #d80073 !important;
}
.after-bg-magenta:after {
  background: #d80073 !important;
}
.after-fg-magenta:after {
  color: #d80073 !important;
}
.bg-hover-magenta:hover {
  background: #d80073 !important;
}
.bg-active-magenta:active {
  background: #d80073 !important;
}
.bg-focus-magenta:focus {
  background: #d80073 !important;
}
.fg-hover-magenta:hover {
  color: #d80073 !important;
}
.fg-active-magenta:active {
  color: #d80073 !important;
}
.fg-focus-magenta:focus {
  color: #d80073 !important;
}
.fg-crimson {
  color: #a20025 !important;
}
.bg-crimson {
  background-color: #a20025 !important;
}
.bd-crimson {
  border-color: #a20025 !important;
}
.ol-crimson {
  outline-color: #a20025 !important;
}
.op-crimson {
  background-color: rgba(162, 0, 37, 0.7);
}
.ribbed-crimson {
  background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-crimson:before {
  background: #a20025 !important;
}
.before-fg-crimson:before {
  color: #a20025 !important;
}
.after-bg-crimson:after {
  background: #a20025 !important;
}
.after-fg-crimson:after {
  color: #a20025 !important;
}
.bg-hover-crimson:hover {
  background: #a20025 !important;
}
.bg-active-crimson:active {
  background: #a20025 !important;
}
.bg-focus-crimson:focus {
  background: #a20025 !important;
}
.fg-hover-crimson:hover {
  color: #a20025 !important;
}
.fg-active-crimson:active {
  color: #a20025 !important;
}
.fg-focus-crimson:focus {
  color: #a20025 !important;
}
.fg-red {
  color: #CE352C !important;
}
.bg-red {
  background-color: #CE352C !important;
}
.bd-red {
  border-color: #CE352C !important;
}
.ol-red {
  outline-color: #CE352C !important;
}
.op-red {
  background-color: rgba(206, 53, 44, 0.7);
}
.ribbed-red {
  background: #CE352C linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-red:before {
  background: #CE352C !important;
}
.before-fg-red:before {
  color: #CE352C !important;
}
.after-bg-red:after {
  background: #CE352C !important;
}
.after-fg-red:after {
  color: #CE352C !important;
}
.bg-hover-red:hover {
  background: #CE352C !important;
}
.bg-active-red:active {
  background: #CE352C !important;
}
.bg-focus-red:focus {
  background: #CE352C !important;
}
.fg-hover-red:hover {
  color: #CE352C !important;
}
.fg-active-red:active {
  color: #CE352C !important;
}
.fg-focus-red:focus {
  color: #CE352C !important;
}
.fg-orange {
  color: #fa6800 !important;
}
.bg-orange {
  background-color: #fa6800 !important;
}
.bd-orange {
  border-color: #fa6800 !important;
}
.ol-orange {
  outline-color: #fa6800 !important;
}
.op-orange {
  background-color: rgba(250, 104, 0, 0.7);
}
.ribbed-orange {
  background: #fa6800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-orange:before {
  background: #fa6800 !important;
}
.before-fg-orange:before {
  color: #fa6800 !important;
}
.after-bg-orange:after {
  background: #fa6800 !important;
}
.after-fg-orange:after {
  color: #fa6800 !important;
}
.bg-hover-orange:hover {
  background: #fa6800 !important;
}
.bg-active-orange:active {
  background: #fa6800 !important;
}
.bg-focus-orange:focus {
  background: #fa6800 !important;
}
.fg-hover-orange:hover {
  color: #fa6800 !important;
}
.fg-active-orange:active {
  color: #fa6800 !important;
}
.fg-focus-orange:focus {
  color: #fa6800 !important;
}
.fg-amber {
  color: #f0a30a !important;
}
.bg-amber {
  background-color: #f0a30a !important;
}
.bd-amber {
  border-color: #f0a30a !important;
}
.ol-amber {
  outline-color: #f0a30a !important;
}
.op-amber {
  background-color: rgba(240, 163, 10, 0.7);
}
.ribbed-amber {
  background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-amber:before {
  background: #f0a30a !important;
}
.before-fg-amber:before {
  color: #f0a30a !important;
}
.after-bg-amber:after {
  background: #f0a30a !important;
}
.after-fg-amber:after {
  color: #f0a30a !important;
}
.bg-hover-amber:hover {
  background: #f0a30a !important;
}
.bg-active-amber:active {
  background: #f0a30a !important;
}
.bg-focus-amber:focus {
  background: #f0a30a !important;
}
.fg-hover-amber:hover {
  color: #f0a30a !important;
}
.fg-active-amber:active {
  color: #f0a30a !important;
}
.fg-focus-amber:focus {
  color: #f0a30a !important;
}
.fg-yellow {
  color: #e3c800 !important;
}
.bg-yellow {
  background-color: #e3c800 !important;
}
.bd-yellow {
  border-color: #e3c800 !important;
}
.ol-yellow {
  outline-color: #e3c800 !important;
}
.op-yellow {
  background-color: rgba(227, 200, 0, 0.7);
}
.ribbed-yellow {
  background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-yellow:before {
  background: #e3c800 !important;
}
.before-fg-yellow:before {
  color: #e3c800 !important;
}
.after-bg-yellow:after {
  background: #e3c800 !important;
}
.after-fg-yellow:after {
  color: #e3c800 !important;
}
.bg-hover-yellow:hover {
  background: #e3c800 !important;
}
.bg-active-yellow:active {
  background: #e3c800 !important;
}
.bg-focus-yellow:focus {
  background: #e3c800 !important;
}
.fg-hover-yellow:hover {
  color: #e3c800 !important;
}
.fg-active-yellow:active {
  color: #e3c800 !important;
}
.fg-focus-yellow:focus {
  color: #e3c800 !important;
}
.fg-brown {
  color: #825a2c !important;
}
.bg-brown {
  background-color: #825a2c !important;
}
.bd-brown {
  border-color: #825a2c !important;
}
.ol-brown {
  outline-color: #825a2c !important;
}
.op-brown {
  background-color: rgba(130, 90, 44, 0.7);
}
.ribbed-brown {
  background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-brown:before {
  background: #825a2c !important;
}
.before-fg-brown:before {
  color: #825a2c !important;
}
.after-bg-brown:after {
  background: #825a2c !important;
}
.after-fg-brown:after {
  color: #825a2c !important;
}
.bg-hover-brown:hover {
  background: #825a2c !important;
}
.bg-active-brown:active {
  background: #825a2c !important;
}
.bg-focus-brown:focus {
  background: #825a2c !important;
}
.fg-hover-brown:hover {
  color: #825a2c !important;
}
.fg-active-brown:active {
  color: #825a2c !important;
}
.fg-focus-brown:focus {
  color: #825a2c !important;
}
.fg-olive {
  color: #6d8764 !important;
}
.bg-olive {
  background-color: #6d8764 !important;
}
.bd-olive {
  border-color: #6d8764 !important;
}
.ol-olive {
  outline-color: #6d8764 !important;
}
.op-olive {
  background-color: rgba(109, 135, 100, 0.7);
}
.ribbed-olive {
  background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-olive:before {
  background: #6d8764 !important;
}
.before-fg-olive:before {
  color: #6d8764 !important;
}
.after-bg-olive:after {
  background: #6d8764 !important;
}
.after-fg-olive:after {
  color: #6d8764 !important;
}
.bg-hover-olive:hover {
  background: #6d8764 !important;
}
.bg-active-olive:active {
  background: #6d8764 !important;
}
.bg-focus-olive:focus {
  background: #6d8764 !important;
}
.fg-hover-olive:hover {
  color: #6d8764 !important;
}
.fg-active-olive:active {
  color: #6d8764 !important;
}
.fg-focus-olive:focus {
  color: #6d8764 !important;
}
.fg-steel {
  color: #647687 !important;
}
.bg-steel {
  background-color: #647687 !important;
}
.bd-steel {
  border-color: #647687 !important;
}
.ol-steel {
  outline-color: #647687 !important;
}
.op-steel {
  background-color: rgba(100, 118, 135, 0.7);
}
.ribbed-steel {
  background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-steel:before {
  background: #647687 !important;
}
.before-fg-steel:before {
  color: #647687 !important;
}
.after-bg-steel:after {
  background: #647687 !important;
}
.after-fg-steel:after {
  color: #647687 !important;
}
.bg-hover-steel:hover {
  background: #647687 !important;
}
.bg-active-steel:active {
  background: #647687 !important;
}
.bg-focus-steel:focus {
  background: #647687 !important;
}
.fg-hover-steel:hover {
  color: #647687 !important;
}
.fg-active-steel:active {
  color: #647687 !important;
}
.fg-focus-steel:focus {
  color: #647687 !important;
}
.fg-mauve {
  color: #76608a !important;
}
.bg-mauve {
  background-color: #76608a !important;
}
.bd-mauve {
  border-color: #76608a !important;
}
.ol-mauve {
  outline-color: #76608a !important;
}
.op-mauve {
  background-color: rgba(118, 96, 138, 0.7);
}
.ribbed-mauve {
  background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-mauve:before {
  background: #76608a !important;
}
.before-fg-mauve:before {
  color: #76608a !important;
}
.after-bg-mauve:after {
  background: #76608a !important;
}
.after-fg-mauve:after {
  color: #76608a !important;
}
.bg-hover-mauve:hover {
  background: #76608a !important;
}
.bg-active-mauve:active {
  background: #76608a !important;
}
.bg-focus-mauve:focus {
  background: #76608a !important;
}
.fg-hover-mauve:hover {
  color: #76608a !important;
}
.fg-active-mauve:active {
  color: #76608a !important;
}
.fg-focus-mauve:focus {
  color: #76608a !important;
}
.fg-taupe {
  color: #87794e !important;
}
.bg-taupe {
  background-color: #87794e !important;
}
.bd-taupe {
  border-color: #87794e !important;
}
.ol-taupe {
  outline-color: #87794e !important;
}
.op-taupe {
  background-color: rgba(135, 121, 78, 0.7);
}
.ribbed-taupe {
  background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-taupe:before {
  background: #87794e !important;
}
.before-fg-taupe:before {
  color: #87794e !important;
}
.after-bg-taupe:after {
  background: #87794e !important;
}
.after-fg-taupe:after {
  color: #87794e !important;
}
.bg-hover-taupe:hover {
  background: #87794e !important;
}
.bg-active-taupe:active {
  background: #87794e !important;
}
.bg-focus-taupe:focus {
  background: #87794e !important;
}
.fg-hover-taupe:hover {
  color: #87794e !important;
}
.fg-active-taupe:active {
  color: #87794e !important;
}
.fg-focus-taupe:focus {
  color: #87794e !important;
}
.fg-dark {
  color: #1d1d1d !important;
}
.bg-dark {
  background-color: #1d1d1d !important;
}
.bd-dark {
  border-color: #1d1d1d !important;
}
.ol-dark {
  outline-color: #1d1d1d !important;
}
.op-dark {
  background-color: rgba(29, 29, 29, 0.7);
}
.ribbed-dark {
  background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-dark:before {
  background: #1d1d1d !important;
}
.before-fg-dark:before {
  color: #1d1d1d !important;
}
.after-bg-dark:after {
  background: #1d1d1d !important;
}
.after-fg-dark:after {
  color: #1d1d1d !important;
}
.bg-hover-dark:hover {
  background: #1d1d1d !important;
}
.bg-active-dark:active {
  background: #1d1d1d !important;
}
.bg-focus-dark:focus {
  background: #1d1d1d !important;
}
.fg-hover-dark:hover {
  color: #1d1d1d !important;
}
.fg-active-dark:active {
  color: #1d1d1d !important;
}
.fg-focus-dark:focus {
  color: #1d1d1d !important;
}
.fg-darkBrown {
  color: #63362F !important;
}
.bg-darkBrown {
  background-color: #63362F !important;
}
.bd-darkBrown {
  border-color: #63362F !important;
}
.ol-darkBrown {
  outline-color: #63362F !important;
}
.op-darkBrown {
  background-color: rgba(99, 54, 47, 0.7);
}
.ribbed-darkBrown {
  background: #63362F linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkBrown:before {
  background: #63362F !important;
}
.before-fg-darkBrown:before {
  color: #63362F !important;
}
.after-bg-darkBrown:after {
  background: #63362F !important;
}
.after-fg-darkBrown:after {
  color: #63362F !important;
}
.bg-hover-darkBrown:hover {
  background: #63362F !important;
}
.bg-active-darkBrown:active {
  background: #63362F !important;
}
.bg-focus-darkBrown:focus {
  background: #63362F !important;
}
.fg-hover-darkBrown:hover {
  color: #63362F !important;
}
.fg-active-darkBrown:active {
  color: #63362F !important;
}
.fg-focus-darkBrown:focus {
  color: #63362F !important;
}
.fg-darkCrimson {
  color: #640024 !important;
}
.bg-darkCrimson {
  background-color: #640024 !important;
}
.bd-darkCrimson {
  border-color: #640024 !important;
}
.ol-darkCrimson {
  outline-color: #640024 !important;
}
.op-darkCrimson {
  background-color: rgba(100, 0, 36, 0.7);
}
.ribbed-darkCrimson {
  background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkCrimson:before {
  background: #640024 !important;
}
.before-fg-darkCrimson:before {
  color: #640024 !important;
}
.after-bg-darkCrimson:after {
  background: #640024 !important;
}
.after-fg-darkCrimson:after {
  color: #640024 !important;
}
.bg-hover-darkCrimson:hover {
  background: #640024 !important;
}
.bg-active-darkCrimson:active {
  background: #640024 !important;
}
.bg-focus-darkCrimson:focus {
  background: #640024 !important;
}
.fg-hover-darkCrimson:hover {
  color: #640024 !important;
}
.fg-active-darkCrimson:active {
  color: #640024 !important;
}
.fg-focus-darkCrimson:focus {
  color: #640024 !important;
}
.fg-darkMagenta {
  color: #81003C !important;
}
.bg-darkMagenta {
  background-color: #81003C !important;
}
.bd-darkMagenta {
  border-color: #81003C !important;
}
.ol-darkMagenta {
  outline-color: #81003C !important;
}
.op-darkMagenta {
  background-color: rgba(129, 0, 60, 0.7);
}
.ribbed-darkMagenta {
  background: #81003C linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkMagenta:before {
  background: #81003C !important;
}
.before-fg-darkMagenta:before {
  color: #81003C !important;
}
.after-bg-darkMagenta:after {
  background: #81003C !important;
}
.after-fg-darkMagenta:after {
  color: #81003C !important;
}
.bg-hover-darkMagenta:hover {
  background: #81003C !important;
}
.bg-active-darkMagenta:active {
  background: #81003C !important;
}
.bg-focus-darkMagenta:focus {
  background: #81003C !important;
}
.fg-hover-darkMagenta:hover {
  color: #81003C !important;
}
.fg-active-darkMagenta:active {
  color: #81003C !important;
}
.fg-focus-darkMagenta:focus {
  color: #81003C !important;
}
.fg-darkIndigo {
  color: #4B0096 !important;
}
.bg-darkIndigo {
  background-color: #4B0096 !important;
}
.bd-darkIndigo {
  border-color: #4B0096 !important;
}
.ol-darkIndigo {
  outline-color: #4B0096 !important;
}
.op-darkIndigo {
  background-color: rgba(75, 0, 150, 0.7);
}
.ribbed-darkIndigo {
  background: #4B0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkIndigo:before {
  background: #4B0096 !important;
}
.before-fg-darkIndigo:before {
  color: #4B0096 !important;
}
.after-bg-darkIndigo:after {
  background: #4B0096 !important;
}
.after-fg-darkIndigo:after {
  color: #4B0096 !important;
}
.bg-hover-darkIndigo:hover {
  background: #4B0096 !important;
}
.bg-active-darkIndigo:active {
  background: #4B0096 !important;
}
.bg-focus-darkIndigo:focus {
  background: #4B0096 !important;
}
.fg-hover-darkIndigo:hover {
  color: #4B0096 !important;
}
.fg-active-darkIndigo:active {
  color: #4B0096 !important;
}
.fg-focus-darkIndigo:focus {
  color: #4B0096 !important;
}
.fg-darkCyan {
  color: #1B6EAE !important;
}
.bg-darkCyan {
  background-color: #1B6EAE !important;
}
.bd-darkCyan {
  border-color: #1B6EAE !important;
}
.ol-darkCyan {
  outline-color: #1B6EAE !important;
}
.op-darkCyan {
  background-color: rgba(27, 110, 174, 0.7);
}
.ribbed-darkCyan {
  background: #1B6EAE linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkCyan:before {
  background: #1B6EAE !important;
}
.before-fg-darkCyan:before {
  color: #1B6EAE !important;
}
.after-bg-darkCyan:after {
  background: #1B6EAE !important;
}
.after-fg-darkCyan:after {
  color: #1B6EAE !important;
}
.bg-hover-darkCyan:hover {
  background: #1B6EAE !important;
}
.bg-active-darkCyan:active {
  background: #1B6EAE !important;
}
.bg-focus-darkCyan:focus {
  background: #1B6EAE !important;
}
.fg-hover-darkCyan:hover {
  color: #1B6EAE !important;
}
.fg-active-darkCyan:active {
  color: #1B6EAE !important;
}
.fg-focus-darkCyan:focus {
  color: #1B6EAE !important;
}
.fg-darkCobalt {
  color: #00356A !important;
}
.bg-darkCobalt {
  background-color: #00356A !important;
}
.bd-darkCobalt {
  border-color: #00356A !important;
}
.ol-darkCobalt {
  outline-color: #00356A !important;
}
.op-darkCobalt {
  background-color: rgba(0, 53, 106, 0.7);
}
.ribbed-darkCobalt {
  background: #00356A linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkCobalt:before {
  background: #00356A !important;
}
.before-fg-darkCobalt:before {
  color: #00356A !important;
}
.after-bg-darkCobalt:after {
  background: #00356A !important;
}
.after-fg-darkCobalt:after {
  color: #00356A !important;
}
.bg-hover-darkCobalt:hover {
  background: #00356A !important;
}
.bg-active-darkCobalt:active {
  background: #00356A !important;
}
.bg-focus-darkCobalt:focus {
  background: #00356A !important;
}
.fg-hover-darkCobalt:hover {
  color: #00356A !important;
}
.fg-active-darkCobalt:active {
  color: #00356A !important;
}
.fg-focus-darkCobalt:focus {
  color: #00356A !important;
}
.fg-darkTeal {
  color: #004050 !important;
}
.bg-darkTeal {
  background-color: #004050 !important;
}
.bd-darkTeal {
  border-color: #004050 !important;
}
.ol-darkTeal {
  outline-color: #004050 !important;
}
.op-darkTeal {
  background-color: rgba(0, 64, 80, 0.7);
}
.ribbed-darkTeal {
  background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkTeal:before {
  background: #004050 !important;
}
.before-fg-darkTeal:before {
  color: #004050 !important;
}
.after-bg-darkTeal:after {
  background: #004050 !important;
}
.after-fg-darkTeal:after {
  color: #004050 !important;
}
.bg-hover-darkTeal:hover {
  background: #004050 !important;
}
.bg-active-darkTeal:active {
  background: #004050 !important;
}
.bg-focus-darkTeal:focus {
  background: #004050 !important;
}
.fg-hover-darkTeal:hover {
  color: #004050 !important;
}
.fg-active-darkTeal:active {
  color: #004050 !important;
}
.fg-focus-darkTeal:focus {
  color: #004050 !important;
}
.fg-darkEmerald {
  color: #003e00 !important;
}
.bg-darkEmerald {
  background-color: #003e00 !important;
}
.bd-darkEmerald {
  border-color: #003e00 !important;
}
.ol-darkEmerald {
  outline-color: #003e00 !important;
}
.op-darkEmerald {
  background-color: rgba(0, 62, 0, 0.7);
}
.ribbed-darkEmerald {
  background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkEmerald:before {
  background: #003e00 !important;
}
.before-fg-darkEmerald:before {
  color: #003e00 !important;
}
.after-bg-darkEmerald:after {
  background: #003e00 !important;
}
.after-fg-darkEmerald:after {
  color: #003e00 !important;
}
.bg-hover-darkEmerald:hover {
  background: #003e00 !important;
}
.bg-active-darkEmerald:active {
  background: #003e00 !important;
}
.bg-focus-darkEmerald:focus {
  background: #003e00 !important;
}
.fg-hover-darkEmerald:hover {
  color: #003e00 !important;
}
.fg-active-darkEmerald:active {
  color: #003e00 !important;
}
.fg-focus-darkEmerald:focus {
  color: #003e00 !important;
}
.fg-darkGreen {
  color: #128023 !important;
}
.bg-darkGreen {
  background-color: #128023 !important;
}
.bd-darkGreen {
  border-color: #128023 !important;
}
.ol-darkGreen {
  outline-color: #128023 !important;
}
.op-darkGreen {
  background-color: rgba(18, 128, 35, 0.7);
}
.ribbed-darkGreen {
  background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkGreen:before {
  background: #128023 !important;
}
.before-fg-darkGreen:before {
  color: #128023 !important;
}
.after-bg-darkGreen:after {
  background: #128023 !important;
}
.after-fg-darkGreen:after {
  color: #128023 !important;
}
.bg-hover-darkGreen:hover {
  background: #128023 !important;
}
.bg-active-darkGreen:active {
  background: #128023 !important;
}
.bg-focus-darkGreen:focus {
  background: #128023 !important;
}
.fg-hover-darkGreen:hover {
  color: #128023 !important;
}
.fg-active-darkGreen:active {
  color: #128023 !important;
}
.fg-focus-darkGreen:focus {
  color: #128023 !important;
}
.fg-darkOrange {
  color: #bf5a15 !important;
}
.bg-darkOrange {
  background-color: #bf5a15 !important;
}
.bd-darkOrange {
  border-color: #bf5a15 !important;
}
.ol-darkOrange {
  outline-color: #bf5a15 !important;
}
.op-darkOrange {
  background-color: rgba(191, 90, 21, 0.7);
}
.ribbed-darkOrange {
  background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkOrange:before {
  background: #bf5a15 !important;
}
.before-fg-darkOrange:before {
  color: #bf5a15 !important;
}
.after-bg-darkOrange:after {
  background: #bf5a15 !important;
}
.after-fg-darkOrange:after {
  color: #bf5a15 !important;
}
.bg-hover-darkOrange:hover {
  background: #bf5a15 !important;
}
.bg-active-darkOrange:active {
  background: #bf5a15 !important;
}
.bg-focus-darkOrange:focus {
  background: #bf5a15 !important;
}
.fg-hover-darkOrange:hover {
  color: #bf5a15 !important;
}
.fg-active-darkOrange:active {
  color: #bf5a15 !important;
}
.fg-focus-darkOrange:focus {
  color: #bf5a15 !important;
}
.fg-darkRed {
  color: #9a1616 !important;
}
.bg-darkRed {
  background-color: #9a1616 !important;
}
.bd-darkRed {
  border-color: #9a1616 !important;
}
.ol-darkRed {
  outline-color: #9a1616 !important;
}
.op-darkRed {
  background-color: rgba(154, 22, 22, 0.7);
}
.ribbed-darkRed {
  background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkRed:before {
  background: #9a1616 !important;
}
.before-fg-darkRed:before {
  color: #9a1616 !important;
}
.after-bg-darkRed:after {
  background: #9a1616 !important;
}
.after-fg-darkRed:after {
  color: #9a1616 !important;
}
.bg-hover-darkRed:hover {
  background: #9a1616 !important;
}
.bg-active-darkRed:active {
  background: #9a1616 !important;
}
.bg-focus-darkRed:focus {
  background: #9a1616 !important;
}
.fg-hover-darkRed:hover {
  color: #9a1616 !important;
}
.fg-active-darkRed:active {
  color: #9a1616 !important;
}
.fg-focus-darkRed:focus {
  color: #9a1616 !important;
}
.fg-darkPink {
  color: #9a165a !important;
}
.bg-darkPink {
  background-color: #9a165a !important;
}
.bd-darkPink {
  border-color: #9a165a !important;
}
.ol-darkPink {
  outline-color: #9a165a !important;
}
.op-darkPink {
  background-color: rgba(154, 22, 90, 0.7);
}
.ribbed-darkPink {
  background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkPink:before {
  background: #9a165a !important;
}
.before-fg-darkPink:before {
  color: #9a165a !important;
}
.after-bg-darkPink:after {
  background: #9a165a !important;
}
.after-fg-darkPink:after {
  color: #9a165a !important;
}
.bg-hover-darkPink:hover {
  background: #9a165a !important;
}
.bg-active-darkPink:active {
  background: #9a165a !important;
}
.bg-focus-darkPink:focus {
  background: #9a165a !important;
}
.fg-hover-darkPink:hover {
  color: #9a165a !important;
}
.fg-active-darkPink:active {
  color: #9a165a !important;
}
.fg-focus-darkPink:focus {
  color: #9a165a !important;
}
.fg-darkViolet {
  color: #57169a !important;
}
.bg-darkViolet {
  background-color: #57169a !important;
}
.bd-darkViolet {
  border-color: #57169a !important;
}
.ol-darkViolet {
  outline-color: #57169a !important;
}
.op-darkViolet {
  background-color: rgba(87, 22, 154, 0.7);
}
.ribbed-darkViolet {
  background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkViolet:before {
  background: #57169a !important;
}
.before-fg-darkViolet:before {
  color: #57169a !important;
}
.after-bg-darkViolet:after {
  background: #57169a !important;
}
.after-fg-darkViolet:after {
  color: #57169a !important;
}
.bg-hover-darkViolet:hover {
  background: #57169a !important;
}
.bg-active-darkViolet:active {
  background: #57169a !important;
}
.bg-focus-darkViolet:focus {
  background: #57169a !important;
}
.fg-hover-darkViolet:hover {
  color: #57169a !important;
}
.fg-active-darkViolet:active {
  color: #57169a !important;
}
.fg-focus-darkViolet:focus {
  color: #57169a !important;
}
.fg-darkBlue {
  color: #16499a !important;
}
.bg-darkBlue {
  background-color: #16499a !important;
}
.bd-darkBlue {
  border-color: #16499a !important;
}
.ol-darkBlue {
  outline-color: #16499a !important;
}
.op-darkBlue {
  background-color: rgba(22, 73, 154, 0.7);
}
.ribbed-darkBlue {
  background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkBlue:before {
  background: #16499a !important;
}
.before-fg-darkBlue:before {
  color: #16499a !important;
}
.after-bg-darkBlue:after {
  background: #16499a !important;
}
.after-fg-darkBlue:after {
  color: #16499a !important;
}
.bg-hover-darkBlue:hover {
  background: #16499a !important;
}
.bg-active-darkBlue:active {
  background: #16499a !important;
}
.bg-focus-darkBlue:focus {
  background: #16499a !important;
}
.fg-hover-darkBlue:hover {
  color: #16499a !important;
}
.fg-active-darkBlue:active {
  color: #16499a !important;
}
.fg-focus-darkBlue:focus {
  color: #16499a !important;
}
.fg-lightBlue {
  color: #4390df !important;
}
.bg-lightBlue {
  background-color: #4390df !important;
}
.bd-lightBlue {
  border-color: #4390df !important;
}
.ol-lightBlue {
  outline-color: #4390df !important;
}
.op-lightBlue {
  background-color: rgba(67, 144, 223, 0.7);
}
.ribbed-lightBlue {
  background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightBlue:before {
  background: #4390df !important;
}
.before-fg-lightBlue:before {
  color: #4390df !important;
}
.after-bg-lightBlue:after {
  background: #4390df !important;
}
.after-fg-lightBlue:after {
  color: #4390df !important;
}
.bg-hover-lightBlue:hover {
  background: #4390df !important;
}
.bg-active-lightBlue:active {
  background: #4390df !important;
}
.bg-focus-lightBlue:focus {
  background: #4390df !important;
}
.fg-hover-lightBlue:hover {
  color: #4390df !important;
}
.fg-active-lightBlue:active {
  color: #4390df !important;
}
.fg-focus-lightBlue:focus {
  color: #4390df !important;
}
.fg-lighterBlue {
  color: #00CCFF !important;
}
.bg-lighterBlue {
  background-color: #00CCFF !important;
}
.bd-lighterBlue {
  border-color: #00CCFF !important;
}
.ol-lighterBlue {
  outline-color: #00CCFF !important;
}
.op-lighterBlue {
  background-color: rgba(0, 204, 255, 0.7);
}
.ribbed-lighterBlue {
  background: #00CCFF linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lighterBlue:before {
  background: #00CCFF !important;
}
.before-fg-lighterBlue:before {
  color: #00CCFF !important;
}
.after-bg-lighterBlue:after {
  background: #00CCFF !important;
}
.after-fg-lighterBlue:after {
  color: #00CCFF !important;
}
.bg-hover-lighterBlue:hover {
  background: #00CCFF !important;
}
.bg-active-lighterBlue:active {
  background: #00CCFF !important;
}
.bg-focus-lighterBlue:focus {
  background: #00CCFF !important;
}
.fg-hover-lighterBlue:hover {
  color: #00CCFF !important;
}
.fg-active-lighterBlue:active {
  color: #00CCFF !important;
}
.fg-focus-lighterBlue:focus {
  color: #00CCFF !important;
}
.fg-lightTeal {
  color: #45fffd !important;
}
.bg-lightTeal {
  background-color: #45fffd !important;
}
.bd-lightTeal {
  border-color: #45fffd !important;
}
.ol-lightTeal {
  outline-color: #45fffd !important;
}
.op-lightTeal {
  background-color: rgba(69, 255, 253, 0.7);
}
.ribbed-lightTeal {
  background: #45fffd linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightTeal:before {
  background: #45fffd !important;
}
.before-fg-lightTeal:before {
  color: #45fffd !important;
}
.after-bg-lightTeal:after {
  background: #45fffd !important;
}
.after-fg-lightTeal:after {
  color: #45fffd !important;
}
.bg-hover-lightTeal:hover {
  background: #45fffd !important;
}
.bg-active-lightTeal:active {
  background: #45fffd !important;
}
.bg-focus-lightTeal:focus {
  background: #45fffd !important;
}
.fg-hover-lightTeal:hover {
  color: #45fffd !important;
}
.fg-active-lightTeal:active {
  color: #45fffd !important;
}
.fg-focus-lightTeal:focus {
  color: #45fffd !important;
}
.fg-lightOlive {
  color: #78aa1c !important;
}
.bg-lightOlive {
  background-color: #78aa1c !important;
}
.bd-lightOlive {
  border-color: #78aa1c !important;
}
.ol-lightOlive {
  outline-color: #78aa1c !important;
}
.op-lightOlive {
  background-color: rgba(120, 170, 28, 0.7);
}
.ribbed-lightOlive {
  background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightOlive:before {
  background: #78aa1c !important;
}
.before-fg-lightOlive:before {
  color: #78aa1c !important;
}
.after-bg-lightOlive:after {
  background: #78aa1c !important;
}
.after-fg-lightOlive:after {
  color: #78aa1c !important;
}
.bg-hover-lightOlive:hover {
  background: #78aa1c !important;
}
.bg-active-lightOlive:active {
  background: #78aa1c !important;
}
.bg-focus-lightOlive:focus {
  background: #78aa1c !important;
}
.fg-hover-lightOlive:hover {
  color: #78aa1c !important;
}
.fg-active-lightOlive:active {
  color: #78aa1c !important;
}
.fg-focus-lightOlive:focus {
  color: #78aa1c !important;
}
.fg-lightOrange {
  color: #ffc194 !important;
}
.bg-lightOrange {
  background-color: #ffc194 !important;
}
.bd-lightOrange {
  border-color: #ffc194 !important;
}
.ol-lightOrange {
  outline-color: #ffc194 !important;
}
.op-lightOrange {
  background-color: rgba(255, 193, 148, 0.7);
}
.ribbed-lightOrange {
  background: #ffc194 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightOrange:before {
  background: #ffc194 !important;
}
.before-fg-lightOrange:before {
  color: #ffc194 !important;
}
.after-bg-lightOrange:after {
  background: #ffc194 !important;
}
.after-fg-lightOrange:after {
  color: #ffc194 !important;
}
.bg-hover-lightOrange:hover {
  background: #ffc194 !important;
}
.bg-active-lightOrange:active {
  background: #ffc194 !important;
}
.bg-focus-lightOrange:focus {
  background: #ffc194 !important;
}
.fg-hover-lightOrange:hover {
  color: #ffc194 !important;
}
.fg-active-lightOrange:active {
  color: #ffc194 !important;
}
.fg-focus-lightOrange:focus {
  color: #ffc194 !important;
}
.fg-lightPink {
  color: #f472d0 !important;
}
.bg-lightPink {
  background-color: #f472d0 !important;
}
.bd-lightPink {
  border-color: #f472d0 !important;
}
.ol-lightPink {
  outline-color: #f472d0 !important;
}
.op-lightPink {
  background-color: rgba(244, 114, 208, 0.7);
}
.ribbed-lightPink {
  background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightPink:before {
  background: #f472d0 !important;
}
.before-fg-lightPink:before {
  color: #f472d0 !important;
}
.after-bg-lightPink:after {
  background: #f472d0 !important;
}
.after-fg-lightPink:after {
  color: #f472d0 !important;
}
.bg-hover-lightPink:hover {
  background: #f472d0 !important;
}
.bg-active-lightPink:active {
  background: #f472d0 !important;
}
.bg-focus-lightPink:focus {
  background: #f472d0 !important;
}
.fg-hover-lightPink:hover {
  color: #f472d0 !important;
}
.fg-active-lightPink:active {
  color: #f472d0 !important;
}
.fg-focus-lightPink:focus {
  color: #f472d0 !important;
}
.fg-lightRed {
  color: #da5a53 !important;
}
.bg-lightRed {
  background-color: #da5a53 !important;
}
.bd-lightRed {
  border-color: #da5a53 !important;
}
.ol-lightRed {
  outline-color: #da5a53 !important;
}
.op-lightRed {
  background-color: rgba(218, 90, 83, 0.7);
}
.ribbed-lightRed {
  background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightRed:before {
  background: #da5a53 !important;
}
.before-fg-lightRed:before {
  color: #da5a53 !important;
}
.after-bg-lightRed:after {
  background: #da5a53 !important;
}
.after-fg-lightRed:after {
  color: #da5a53 !important;
}
.bg-hover-lightRed:hover {
  background: #da5a53 !important;
}
.bg-active-lightRed:active {
  background: #da5a53 !important;
}
.bg-focus-lightRed:focus {
  background: #da5a53 !important;
}
.fg-hover-lightRed:hover {
  color: #da5a53 !important;
}
.fg-active-lightRed:active {
  color: #da5a53 !important;
}
.fg-focus-lightRed:focus {
  color: #da5a53 !important;
}
.fg-lightGreen {
  color: #7ad61d !important;
}
.bg-lightGreen {
  background-color: #7ad61d !important;
}
.bd-lightGreen {
  border-color: #7ad61d !important;
}
.ol-lightGreen {
  outline-color: #7ad61d !important;
}
.op-lightGreen {
  background-color: rgba(122, 214, 29, 0.7);
}
.ribbed-lightGreen {
  background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightGreen:before {
  background: #7ad61d !important;
}
.before-fg-lightGreen:before {
  color: #7ad61d !important;
}
.after-bg-lightGreen:after {
  background: #7ad61d !important;
}
.after-fg-lightGreen:after {
  color: #7ad61d !important;
}
.bg-hover-lightGreen:hover {
  background: #7ad61d !important;
}
.bg-active-lightGreen:active {
  background: #7ad61d !important;
}
.bg-focus-lightGreen:focus {
  background: #7ad61d !important;
}
.fg-hover-lightGreen:hover {
  color: #7ad61d !important;
}
.fg-active-lightGreen:active {
  color: #7ad61d !important;
}
.fg-focus-lightGreen:focus {
  color: #7ad61d !important;
}
.fg-lightCyan {
  color: #59cde2 !important;
}
.bg-lightCyan {
  background-color: #59cde2 !important;
}
.bd-lightCyan {
  border-color: #59cde2 !important;
}
.ol-lightCyan {
  outline-color: #59cde2 !important;
}
.op-lightCyan {
  background-color: rgba(89, 205, 226, 0.7);
}
.ribbed-lightCyan {
  background: #59cde2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightCyan:before {
  background: #59cde2 !important;
}
.before-fg-lightCyan:before {
  color: #59cde2 !important;
}
.after-bg-lightCyan:after {
  background: #59cde2 !important;
}
.after-fg-lightCyan:after {
  color: #59cde2 !important;
}
.bg-hover-lightCyan:hover {
  background: #59cde2 !important;
}
.bg-active-lightCyan:active {
  background: #59cde2 !important;
}
.bg-focus-lightCyan:focus {
  background: #59cde2 !important;
}
.fg-hover-lightCyan:hover {
  color: #59cde2 !important;
}
.fg-active-lightCyan:active {
  color: #59cde2 !important;
}
.fg-focus-lightCyan:focus {
  color: #59cde2 !important;
}
.fg-grayed {
  color: #585858 !important;
}
.bg-grayed {
  background-color: #585858 !important;
}
.bd-grayed {
  border-color: #585858 !important;
}
.ol-grayed {
  outline-color: #585858 !important;
}
.op-grayed {
  background-color: rgba(88, 88, 88, 0.7);
}
.ribbed-grayed {
  background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayed:before {
  background: #585858 !important;
}
.before-fg-grayed:before {
  color: #585858 !important;
}
.after-bg-grayed:after {
  background: #585858 !important;
}
.after-fg-grayed:after {
  color: #585858 !important;
}
.bg-hover-grayed:hover {
  background: #585858 !important;
}
.bg-active-grayed:active {
  background: #585858 !important;
}
.bg-focus-grayed:focus {
  background: #585858 !important;
}
.fg-hover-grayed:hover {
  color: #585858 !important;
}
.fg-active-grayed:active {
  color: #585858 !important;
}
.fg-focus-grayed:focus {
  color: #585858 !important;
}
.fg-grayDarker {
  color: #222222 !important;
}
.bg-grayDarker {
  background-color: #222222 !important;
}
.bd-grayDarker {
  border-color: #222222 !important;
}
.ol-grayDarker {
  outline-color: #222222 !important;
}
.op-grayDarker {
  background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-grayDarker {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayDarker:before {
  background: #222222 !important;
}
.before-fg-grayDarker:before {
  color: #222222 !important;
}
.after-bg-grayDarker:after {
  background: #222222 !important;
}
.after-fg-grayDarker:after {
  color: #222222 !important;
}
.bg-hover-grayDarker:hover {
  background: #222222 !important;
}
.bg-active-grayDarker:active {
  background: #222222 !important;
}
.bg-focus-grayDarker:focus {
  background: #222222 !important;
}
.fg-hover-grayDarker:hover {
  color: #222222 !important;
}
.fg-active-grayDarker:active {
  color: #222222 !important;
}
.fg-focus-grayDarker:focus {
  color: #222222 !important;
}
.fg-grayDark {
  color: #333333 !important;
}
.bg-grayDark {
  background-color: #333333 !important;
}
.bd-grayDark {
  border-color: #333333 !important;
}
.ol-grayDark {
  outline-color: #333333 !important;
}
.op-grayDark {
  background-color: rgba(51, 51, 51, 0.7);
}
.ribbed-grayDark {
  background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayDark:before {
  background: #333333 !important;
}
.before-fg-grayDark:before {
  color: #333333 !important;
}
.after-bg-grayDark:after {
  background: #333333 !important;
}
.after-fg-grayDark:after {
  color: #333333 !important;
}
.bg-hover-grayDark:hover {
  background: #333333 !important;
}
.bg-active-grayDark:active {
  background: #333333 !important;
}
.bg-focus-grayDark:focus {
  background: #333333 !important;
}
.fg-hover-grayDark:hover {
  color: #333333 !important;
}
.fg-active-grayDark:active {
  color: #333333 !important;
}
.fg-focus-grayDark:focus {
  color: #333333 !important;
}
.fg-gray {
  color: #555555 !important;
}
.bg-gray {
  background-color: #555555 !important;
}
.bd-gray {
  border-color: #555555 !important;
}
.ol-gray {
  outline-color: #555555 !important;
}
.op-gray {
  background-color: rgba(85, 85, 85, 0.7);
}
.ribbed-gray {
  background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-gray:before {
  background: #555555 !important;
}
.before-fg-gray:before {
  color: #555555 !important;
}
.after-bg-gray:after {
  background: #555555 !important;
}
.after-fg-gray:after {
  color: #555555 !important;
}
.bg-hover-gray:hover {
  background: #555555 !important;
}
.bg-active-gray:active {
  background: #555555 !important;
}
.bg-focus-gray:focus {
  background: #555555 !important;
}
.fg-hover-gray:hover {
  color: #555555 !important;
}
.fg-active-gray:active {
  color: #555555 !important;
}
.fg-focus-gray:focus {
  color: #555555 !important;
}
.fg-grayLight {
  color: #999999 !important;
}
.bg-grayLight {
  background-color: #999999 !important;
}
.bd-grayLight {
  border-color: #999999 !important;
}
.ol-grayLight {
  outline-color: #999999 !important;
}
.op-grayLight {
  background-color: rgba(153, 153, 153, 0.7);
}
.ribbed-grayLight {
  background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayLight:before {
  background: #999999 !important;
}
.before-fg-grayLight:before {
  color: #999999 !important;
}
.after-bg-grayLight:after {
  background: #999999 !important;
}
.after-fg-grayLight:after {
  color: #999999 !important;
}
.bg-hover-grayLight:hover {
  background: #999999 !important;
}
.bg-active-grayLight:active {
  background: #999999 !important;
}
.bg-focus-grayLight:focus {
  background: #999999 !important;
}
.fg-hover-grayLight:hover {
  color: #999999 !important;
}
.fg-active-grayLight:active {
  color: #999999 !important;
}
.fg-focus-grayLight:focus {
  color: #999999 !important;
}
.fg-grayLighter {
  color: #eeeeee !important;
}
.bg-grayLighter {
  background-color: #eeeeee !important;
}
.bd-grayLighter {
  border-color: #eeeeee !important;
}
.ol-grayLighter {
  outline-color: #eeeeee !important;
}
.op-grayLighter {
  background-color: rgba(238, 238, 238, 0.7);
}
.ribbed-grayLighter {
  background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayLighter:before {
  background: #eeeeee !important;
}
.before-fg-grayLighter:before {
  color: #eeeeee !important;
}
.after-bg-grayLighter:after {
  background: #eeeeee !important;
}
.after-fg-grayLighter:after {
  color: #eeeeee !important;
}
.bg-hover-grayLighter:hover {
  background: #eeeeee !important;
}
.bg-active-grayLighter:active {
  background: #eeeeee !important;
}
.bg-focus-grayLighter:focus {
  background: #eeeeee !important;
}
.fg-hover-grayLighter:hover {
  color: #eeeeee !important;
}
.fg-active-grayLighter:active {
  color: #eeeeee !important;
}
.fg-focus-grayLighter:focus {
  color: #eeeeee !important;
}
.fg-lightGray {
  color: #999999 !important;
}
.bg-lightGray {
  background-color: #999999 !important;
}
.bd-lightGray {
  border-color: #999999 !important;
}
.ol-lightGray {
  outline-color: #999999 !important;
}
.op-lightGray {
  background-color: rgba(153, 153, 153, 0.7);
}
.ribbed-lightGray {
  background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightGray:before {
  background: #999999 !important;
}
.before-fg-lightGray:before {
  color: #999999 !important;
}
.after-bg-lightGray:after {
  background: #999999 !important;
}
.after-fg-lightGray:after {
  color: #999999 !important;
}
.bg-hover-lightGray:hover {
  background: #999999 !important;
}
.bg-active-lightGray:active {
  background: #999999 !important;
}
.bg-focus-lightGray:focus {
  background: #999999 !important;
}
.fg-hover-lightGray:hover {
  color: #999999 !important;
}
.fg-active-lightGray:active {
  color: #999999 !important;
}
.fg-focus-lightGray:focus {
  color: #999999 !important;
}
.fg-lighterGray {
  color: #eeeeee !important;
}
.bg-lighterGray {
  background-color: #eeeeee !important;
}
.bd-lighterGray {
  border-color: #eeeeee !important;
}
.ol-lighterGray {
  outline-color: #eeeeee !important;
}
.op-lighterGray {
  background-color: rgba(238, 238, 238, 0.7);
}
.ribbed-lighterGray {
  background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lighterGray:before {
  background: #eeeeee !important;
}
.before-fg-lighterGray:before {
  color: #eeeeee !important;
}
.after-bg-lighterGray:after {
  background: #eeeeee !important;
}
.after-fg-lighterGray:after {
  color: #eeeeee !important;
}
.bg-hover-lighterGray:hover {
  background: #eeeeee !important;
}
.bg-active-lighterGray:active {
  background: #eeeeee !important;
}
.bg-focus-lighterGray:focus {
  background: #eeeeee !important;
}
.fg-hover-lighterGray:hover {
  color: #eeeeee !important;
}
.fg-active-lighterGray:active {
  color: #eeeeee !important;
}
.fg-focus-lighterGray:focus {
  color: #eeeeee !important;
}
.fg-darkGray {
  color: #333333 !important;
}
.bg-darkGray {
  background-color: #333333 !important;
}
.bd-darkGray {
  border-color: #333333 !important;
}
.ol-darkGray {
  outline-color: #333333 !important;
}
.op-darkGray {
  background-color: rgba(51, 51, 51, 0.7);
}
.ribbed-darkGray {
  background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkGray:before {
  background: #333333 !important;
}
.before-fg-darkGray:before {
  color: #333333 !important;
}
.after-bg-darkGray:after {
  background: #333333 !important;
}
.after-fg-darkGray:after {
  color: #333333 !important;
}
.bg-hover-darkGray:hover {
  background: #333333 !important;
}
.bg-active-darkGray:active {
  background: #333333 !important;
}
.bg-focus-darkGray:focus {
  background: #333333 !important;
}
.fg-hover-darkGray:hover {
  color: #333333 !important;
}
.fg-active-darkGray:active {
  color: #333333 !important;
}
.fg-focus-darkGray:focus {
  color: #333333 !important;
}
.fg-darkerGray {
  color: #222222 !important;
}
.bg-darkerGray {
  background-color: #222222 !important;
}
.bd-darkerGray {
  border-color: #222222 !important;
}
.ol-darkerGray {
  outline-color: #222222 !important;
}
.op-darkerGray {
  background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-darkerGray {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkerGray:before {
  background: #222222 !important;
}
.before-fg-darkerGray:before {
  color: #222222 !important;
}
.after-bg-darkerGray:after {
  background: #222222 !important;
}
.after-fg-darkerGray:after {
  color: #222222 !important;
}
.bg-hover-darkerGray:hover {
  background: #222222 !important;
}
.bg-active-darkerGray:active {
  background: #222222 !important;
}
.bg-focus-darkerGray:focus {
  background: #222222 !important;
}
.fg-hover-darkerGray:hover {
  color: #222222 !important;
}
.fg-active-darkerGray:active {
  color: #222222 !important;
}
.fg-focus-darkerGray:focus {
  color: #222222 !important;
}
.fg-darker {
  color: #222222 !important;
}
.bg-darker {
  background-color: #222222 !important;
}
.bd-darker {
  border-color: #222222 !important;
}
.ol-darker {
  outline-color: #222222 !important;
}
.op-darker {
  background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-darker {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darker:before {
  background: #222222 !important;
}
.before-fg-darker:before {
  color: #222222 !important;
}
.after-bg-darker:after {
  background: #222222 !important;
}
.after-fg-darker:after {
  color: #222222 !important;
}
.bg-hover-darker:hover {
  background: #222222 !important;
}
.bg-active-darker:active {
  background: #222222 !important;
}
.bg-focus-darker:focus {
  background: #222222 !important;
}
.fg-hover-darker:hover {
  color: #222222 !important;
}
.fg-active-darker:active {
  color: #222222 !important;
}
.fg-focus-darker:focus {
  color: #222222 !important;
}
/* transform functions */
.rotate45 {
  transform: rotate(45deg);
}
.rotate90 {
  transform: rotate(90deg);
}
.rotate135 {
  transform: rotate(135deg);
}
.rotate180 {
  transform: rotate(180deg);
}
.rotate225 {
  transform: rotate(225deg);
}
.rotate270 {
  transform: rotate(270deg);
}
.rotate360 {
  transform: rotate(360deg);
}
.rotate-45 {
  transform: rotate(-45deg);
}
.rotate-90 {
  transform: rotate(-90deg);
}
.rotate-135 {
  transform: rotate(-135deg);
}
.rotate-180 {
  transform: rotate(-180deg);
}
.rotate-225 {
  transform: rotate(-225deg);
}
.rotate-270 {
  transform: rotate(-270deg);
}
.rotate-360 {
  transform: rotate(-360deg);
}
.rotateX45 {
  transform: rotateX(45deg);
}
.rotateX90 {
  transform: rotateX(90deg);
}
.rotateX135 {
  transform: rotateX(135deg);
}
.rotateX180 {
  transform: rotateX(180deg);
}
.rotateX225 {
  transform: rotateX(225deg);
}
.rotateX270 {
  transform: rotateX(270deg);
}
.rotateX360 {
  transform: rotateX(360deg);
}
.rotateX-45 {
  transform: rotateX(-45deg);
}
.rotateX-90 {
  transform: rotateX(-90deg);
}
.rotateX-135 {
  transform: rotateX(-135deg);
}
.rotateX-180 {
  transform: rotateX(-180deg);
}
.rotateX-225 {
  transform: rotateX(-225deg);
}
.rotateX-270 {
  transform: rotateX(-270deg);
}
.rotateX-360 {
  transform: rotateX(-360deg);
}
.rotateY45 {
  transform: rotateY(45deg);
}
.rotateY90 {
  transform: rotateY(90deg);
}
.rotateY135 {
  transform: rotateY(135deg);
}
.rotateY180 {
  transform: rotateY(180deg);
}
.rotateY225 {
  transform: rotateY(225deg);
}
.rotateY270 {
  transform: rotateY(270deg);
}
.rotateY360 {
  transform: rotateY(360deg);
}
.rotateY-45 {
  transform: rotateY(-45deg);
}
.rotateY-90 {
  transform: rotateY(-90deg);
}
.rotateY-135 {
  transform: rotateY(-135deg);
}
.rotateY-180 {
  transform: rotateY(-180deg);
}
.rotateY-225 {
  transform: rotateY(-225deg);
}
.rotateY-270 {
  transform: rotateY(-270deg);
}
.rotateY-360 {
  transform: rotateY(-360deg);
}

@font-face {
  font-family: 'metro';
  src: url('metro.b433cc5a6e10dde20ef8.eot?izvoei');
  src: url('metro.b433cc5a6e10dde20ef8.eot?#iefixizvoei') format('embedded-opentype'), url('metro.f6b3b1914107e3457974.woff?izvoei') format('woff'), url('metro.1db4b41430bce95fc5dd.ttf?izvoei') format('truetype'), url('metro.e0edbef9dc0c253eab0f.svg?izvoei#metro') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="mif-"],
[class*=" mif-"] {
  display: inline-block;
  font: normal normal normal 1.5em/1;
  font-family: metro, "Segoe UI", "Open Sans", serif;
  line-height: 1 ;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  vertical-align: middle;
  position: static;
}
[class^="mif-"]:before,
[class*=" mif-"]:before {
  font-family: metro, serif;
}
.mif-lg {
  font-size: 1.3rem;
  line-height: 0.75em;
  vertical-align: -35%;
}
.mif-2x {
  font-size: 1.75rem;
  vertical-align: -25%;
}
.mif-3x {
  font-size: 2.625rem;
  vertical-align: -30%;
}
.mif-4x {
  font-size: 3.5rem;
  vertical-align: -35%;
}
.op-default {
  background-color: rgba(27, 161, 226, 0.7);
}
.fg-black {
  color: #000000 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bd-black {
  border-color: #000000 !important;
}
.ol-black {
  outline-color: #000000 !important;
}
.op-black {
  background-color: rgba(0, 0, 0, 0.7);
}
.ribbed-black {
  background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-black:before {
  background: #000000 !important;
}
.before-fg-black:before {
  color: #000000 !important;
}
.after-bg-black:after {
  background: #000000 !important;
}
.after-fg-black:after {
  color: #000000 !important;
}
.bg-hover-black:hover {
  background: #000000 !important;
}
.bg-active-black:active {
  background: #000000 !important;
}
.bg-focus-black:focus {
  background: #000000 !important;
}
.fg-hover-black:hover {
  color: #000000 !important;
}
.fg-active-black:active {
  color: #000000 !important;
}
.fg-focus-black:focus {
  color: #000000 !important;
}
.fg-white {
  color: #ffffff !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bd-white {
  border-color: #ffffff !important;
}
.ol-white {
  outline-color: #ffffff !important;
}
.op-white {
  background-color: rgba(255, 255, 255, 0.7);
}
.ribbed-white {
  background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-white:before {
  background: #ffffff !important;
}
.before-fg-white:before {
  color: #ffffff !important;
}
.after-bg-white:after {
  background: #ffffff !important;
}
.after-fg-white:after {
  color: #ffffff !important;
}
.bg-hover-white:hover {
  background: #ffffff !important;
}
.bg-active-white:active {
  background: #ffffff !important;
}
.bg-focus-white:focus {
  background: #ffffff !important;
}
.fg-hover-white:hover {
  color: #ffffff !important;
}
.fg-active-white:active {
  color: #ffffff !important;
}
.fg-focus-white:focus {
  color: #ffffff !important;
}
.fg-lime {
  color: #a4c400 !important;
}
.bg-lime {
  background-color: #a4c400 !important;
}
.bd-lime {
  border-color: #a4c400 !important;
}
.ol-lime {
  outline-color: #a4c400 !important;
}
.op-lime {
  background-color: rgba(164, 196, 0, 0.7);
}
.ribbed-lime {
  background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lime:before {
  background: #a4c400 !important;
}
.before-fg-lime:before {
  color: #a4c400 !important;
}
.after-bg-lime:after {
  background: #a4c400 !important;
}
.after-fg-lime:after {
  color: #a4c400 !important;
}
.bg-hover-lime:hover {
  background: #a4c400 !important;
}
.bg-active-lime:active {
  background: #a4c400 !important;
}
.bg-focus-lime:focus {
  background: #a4c400 !important;
}
.fg-hover-lime:hover {
  color: #a4c400 !important;
}
.fg-active-lime:active {
  color: #a4c400 !important;
}
.fg-focus-lime:focus {
  color: #a4c400 !important;
}
.fg-green {
  color: #60a917 !important;
}
.bg-green {
  background-color: #60a917 !important;
}
.bd-green {
  border-color: #60a917 !important;
}
.ol-green {
  outline-color: #60a917 !important;
}
.op-green {
  background-color: rgba(96, 169, 23, 0.7);
}
.ribbed-green {
  background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-green:before {
  background: #60a917 !important;
}
.before-fg-green:before {
  color: #60a917 !important;
}
.after-bg-green:after {
  background: #60a917 !important;
}
.after-fg-green:after {
  color: #60a917 !important;
}
.bg-hover-green:hover {
  background: #60a917 !important;
}
.bg-active-green:active {
  background: #60a917 !important;
}
.bg-focus-green:focus {
  background: #60a917 !important;
}
.fg-hover-green:hover {
  color: #60a917 !important;
}
.fg-active-green:active {
  color: #60a917 !important;
}
.fg-focus-green:focus {
  color: #60a917 !important;
}
.fg-emerald {
  color: #008a00 !important;
}
.bg-emerald {
  background-color: #008a00 !important;
}
.bd-emerald {
  border-color: #008a00 !important;
}
.ol-emerald {
  outline-color: #008a00 !important;
}
.op-emerald {
  background-color: rgba(0, 138, 0, 0.7);
}
.ribbed-emerald {
  background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-emerald:before {
  background: #008a00 !important;
}
.before-fg-emerald:before {
  color: #008a00 !important;
}
.after-bg-emerald:after {
  background: #008a00 !important;
}
.after-fg-emerald:after {
  color: #008a00 !important;
}
.bg-hover-emerald:hover {
  background: #008a00 !important;
}
.bg-active-emerald:active {
  background: #008a00 !important;
}
.bg-focus-emerald:focus {
  background: #008a00 !important;
}
.fg-hover-emerald:hover {
  color: #008a00 !important;
}
.fg-active-emerald:active {
  color: #008a00 !important;
}
.fg-focus-emerald:focus {
  color: #008a00 !important;
}
.fg-blue {
  color: #00AFF0 !important;
}
.bg-blue {
  background-color: #00AFF0 !important;
}
.bd-blue {
  border-color: #00AFF0 !important;
}
.ol-blue {
  outline-color: #00AFF0 !important;
}
.op-blue {
  background-color: rgba(0, 175, 240, 0.7);
}
.ribbed-blue {
  background: #00AFF0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-blue:before {
  background: #00AFF0 !important;
}
.before-fg-blue:before {
  color: #00AFF0 !important;
}
.after-bg-blue:after {
  background: #00AFF0 !important;
}
.after-fg-blue:after {
  color: #00AFF0 !important;
}
.bg-hover-blue:hover {
  background: #00AFF0 !important;
}
.bg-active-blue:active {
  background: #00AFF0 !important;
}
.bg-focus-blue:focus {
  background: #00AFF0 !important;
}
.fg-hover-blue:hover {
  color: #00AFF0 !important;
}
.fg-active-blue:active {
  color: #00AFF0 !important;
}
.fg-focus-blue:focus {
  color: #00AFF0 !important;
}
.fg-teal {
  color: #00aba9 !important;
}
.bg-teal {
  background-color: #00aba9 !important;
}
.bd-teal {
  border-color: #00aba9 !important;
}
.ol-teal {
  outline-color: #00aba9 !important;
}
.op-teal {
  background-color: rgba(0, 171, 169, 0.7);
}
.ribbed-teal {
  background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-teal:before {
  background: #00aba9 !important;
}
.before-fg-teal:before {
  color: #00aba9 !important;
}
.after-bg-teal:after {
  background: #00aba9 !important;
}
.after-fg-teal:after {
  color: #00aba9 !important;
}
.bg-hover-teal:hover {
  background: #00aba9 !important;
}
.bg-active-teal:active {
  background: #00aba9 !important;
}
.bg-focus-teal:focus {
  background: #00aba9 !important;
}
.fg-hover-teal:hover {
  color: #00aba9 !important;
}
.fg-active-teal:active {
  color: #00aba9 !important;
}
.fg-focus-teal:focus {
  color: #00aba9 !important;
}
.fg-cyan {
  color: #1ba1e2 !important;
}
.bg-cyan {
  background-color: #1ba1e2 !important;
}
.bd-cyan {
  border-color: #1ba1e2 !important;
}
.ol-cyan {
  outline-color: #1ba1e2 !important;
}
.op-cyan {
  background-color: rgba(27, 161, 226, 0.7);
}
.ribbed-cyan {
  background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-cyan:before {
  background: #1ba1e2 !important;
}
.before-fg-cyan:before {
  color: #1ba1e2 !important;
}
.after-bg-cyan:after {
  background: #1ba1e2 !important;
}
.after-fg-cyan:after {
  color: #1ba1e2 !important;
}
.bg-hover-cyan:hover {
  background: #1ba1e2 !important;
}
.bg-active-cyan:active {
  background: #1ba1e2 !important;
}
.bg-focus-cyan:focus {
  background: #1ba1e2 !important;
}
.fg-hover-cyan:hover {
  color: #1ba1e2 !important;
}
.fg-active-cyan:active {
  color: #1ba1e2 !important;
}
.fg-focus-cyan:focus {
  color: #1ba1e2 !important;
}
.fg-cobalt {
  color: #0050ef !important;
}
.bg-cobalt {
  background-color: #0050ef !important;
}
.bd-cobalt {
  border-color: #0050ef !important;
}
.ol-cobalt {
  outline-color: #0050ef !important;
}
.op-cobalt {
  background-color: rgba(0, 80, 239, 0.7);
}
.ribbed-cobalt {
  background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-cobalt:before {
  background: #0050ef !important;
}
.before-fg-cobalt:before {
  color: #0050ef !important;
}
.after-bg-cobalt:after {
  background: #0050ef !important;
}
.after-fg-cobalt:after {
  color: #0050ef !important;
}
.bg-hover-cobalt:hover {
  background: #0050ef !important;
}
.bg-active-cobalt:active {
  background: #0050ef !important;
}
.bg-focus-cobalt:focus {
  background: #0050ef !important;
}
.fg-hover-cobalt:hover {
  color: #0050ef !important;
}
.fg-active-cobalt:active {
  color: #0050ef !important;
}
.fg-focus-cobalt:focus {
  color: #0050ef !important;
}
.fg-indigo {
  color: #6a00ff !important;
}
.bg-indigo {
  background-color: #6a00ff !important;
}
.bd-indigo {
  border-color: #6a00ff !important;
}
.ol-indigo {
  outline-color: #6a00ff !important;
}
.op-indigo {
  background-color: rgba(106, 0, 255, 0.7);
}
.ribbed-indigo {
  background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-indigo:before {
  background: #6a00ff !important;
}
.before-fg-indigo:before {
  color: #6a00ff !important;
}
.after-bg-indigo:after {
  background: #6a00ff !important;
}
.after-fg-indigo:after {
  color: #6a00ff !important;
}
.bg-hover-indigo:hover {
  background: #6a00ff !important;
}
.bg-active-indigo:active {
  background: #6a00ff !important;
}
.bg-focus-indigo:focus {
  background: #6a00ff !important;
}
.fg-hover-indigo:hover {
  color: #6a00ff !important;
}
.fg-active-indigo:active {
  color: #6a00ff !important;
}
.fg-focus-indigo:focus {
  color: #6a00ff !important;
}
.fg-violet {
  color: #aa00ff !important;
}
.bg-violet {
  background-color: #aa00ff !important;
}
.bd-violet {
  border-color: #aa00ff !important;
}
.ol-violet {
  outline-color: #aa00ff !important;
}
.op-violet {
  background-color: rgba(170, 0, 255, 0.7);
}
.ribbed-violet {
  background: #aa00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-violet:before {
  background: #aa00ff !important;
}
.before-fg-violet:before {
  color: #aa00ff !important;
}
.after-bg-violet:after {
  background: #aa00ff !important;
}
.after-fg-violet:after {
  color: #aa00ff !important;
}
.bg-hover-violet:hover {
  background: #aa00ff !important;
}
.bg-active-violet:active {
  background: #aa00ff !important;
}
.bg-focus-violet:focus {
  background: #aa00ff !important;
}
.fg-hover-violet:hover {
  color: #aa00ff !important;
}
.fg-active-violet:active {
  color: #aa00ff !important;
}
.fg-focus-violet:focus {
  color: #aa00ff !important;
}
.fg-pink {
  color: #dc4fad !important;
}
.bg-pink {
  background-color: #dc4fad !important;
}
.bd-pink {
  border-color: #dc4fad !important;
}
.ol-pink {
  outline-color: #dc4fad !important;
}
.op-pink {
  background-color: rgba(220, 79, 173, 0.7);
}
.ribbed-pink {
  background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-pink:before {
  background: #dc4fad !important;
}
.before-fg-pink:before {
  color: #dc4fad !important;
}
.after-bg-pink:after {
  background: #dc4fad !important;
}
.after-fg-pink:after {
  color: #dc4fad !important;
}
.bg-hover-pink:hover {
  background: #dc4fad !important;
}
.bg-active-pink:active {
  background: #dc4fad !important;
}
.bg-focus-pink:focus {
  background: #dc4fad !important;
}
.fg-hover-pink:hover {
  color: #dc4fad !important;
}
.fg-active-pink:active {
  color: #dc4fad !important;
}
.fg-focus-pink:focus {
  color: #dc4fad !important;
}
.fg-magenta {
  color: #d80073 !important;
}
.bg-magenta {
  background-color: #d80073 !important;
}
.bd-magenta {
  border-color: #d80073 !important;
}
.ol-magenta {
  outline-color: #d80073 !important;
}
.op-magenta {
  background-color: rgba(216, 0, 115, 0.7);
}
.ribbed-magenta {
  background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-magenta:before {
  background: #d80073 !important;
}
.before-fg-magenta:before {
  color: #d80073 !important;
}
.after-bg-magenta:after {
  background: #d80073 !important;
}
.after-fg-magenta:after {
  color: #d80073 !important;
}
.bg-hover-magenta:hover {
  background: #d80073 !important;
}
.bg-active-magenta:active {
  background: #d80073 !important;
}
.bg-focus-magenta:focus {
  background: #d80073 !important;
}
.fg-hover-magenta:hover {
  color: #d80073 !important;
}
.fg-active-magenta:active {
  color: #d80073 !important;
}
.fg-focus-magenta:focus {
  color: #d80073 !important;
}
.fg-crimson {
  color: #a20025 !important;
}
.bg-crimson {
  background-color: #a20025 !important;
}
.bd-crimson {
  border-color: #a20025 !important;
}
.ol-crimson {
  outline-color: #a20025 !important;
}
.op-crimson {
  background-color: rgba(162, 0, 37, 0.7);
}
.ribbed-crimson {
  background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-crimson:before {
  background: #a20025 !important;
}
.before-fg-crimson:before {
  color: #a20025 !important;
}
.after-bg-crimson:after {
  background: #a20025 !important;
}
.after-fg-crimson:after {
  color: #a20025 !important;
}
.bg-hover-crimson:hover {
  background: #a20025 !important;
}
.bg-active-crimson:active {
  background: #a20025 !important;
}
.bg-focus-crimson:focus {
  background: #a20025 !important;
}
.fg-hover-crimson:hover {
  color: #a20025 !important;
}
.fg-active-crimson:active {
  color: #a20025 !important;
}
.fg-focus-crimson:focus {
  color: #a20025 !important;
}
.fg-red {
  color: #CE352C !important;
}
.bg-red {
  background-color: #CE352C !important;
}
.bd-red {
  border-color: #CE352C !important;
}
.ol-red {
  outline-color: #CE352C !important;
}
.op-red {
  background-color: rgba(206, 53, 44, 0.7);
}
.ribbed-red {
  background: #CE352C linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-red:before {
  background: #CE352C !important;
}
.before-fg-red:before {
  color: #CE352C !important;
}
.after-bg-red:after {
  background: #CE352C !important;
}
.after-fg-red:after {
  color: #CE352C !important;
}
.bg-hover-red:hover {
  background: #CE352C !important;
}
.bg-active-red:active {
  background: #CE352C !important;
}
.bg-focus-red:focus {
  background: #CE352C !important;
}
.fg-hover-red:hover {
  color: #CE352C !important;
}
.fg-active-red:active {
  color: #CE352C !important;
}
.fg-focus-red:focus {
  color: #CE352C !important;
}
.fg-orange {
  color: #fa6800 !important;
}
.bg-orange {
  background-color: #fa6800 !important;
}
.bd-orange {
  border-color: #fa6800 !important;
}
.ol-orange {
  outline-color: #fa6800 !important;
}
.op-orange {
  background-color: rgba(250, 104, 0, 0.7);
}
.ribbed-orange {
  background: #fa6800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-orange:before {
  background: #fa6800 !important;
}
.before-fg-orange:before {
  color: #fa6800 !important;
}
.after-bg-orange:after {
  background: #fa6800 !important;
}
.after-fg-orange:after {
  color: #fa6800 !important;
}
.bg-hover-orange:hover {
  background: #fa6800 !important;
}
.bg-active-orange:active {
  background: #fa6800 !important;
}
.bg-focus-orange:focus {
  background: #fa6800 !important;
}
.fg-hover-orange:hover {
  color: #fa6800 !important;
}
.fg-active-orange:active {
  color: #fa6800 !important;
}
.fg-focus-orange:focus {
  color: #fa6800 !important;
}
.fg-amber {
  color: #f0a30a !important;
}
.bg-amber {
  background-color: #f0a30a !important;
}
.bd-amber {
  border-color: #f0a30a !important;
}
.ol-amber {
  outline-color: #f0a30a !important;
}
.op-amber {
  background-color: rgba(240, 163, 10, 0.7);
}
.ribbed-amber {
  background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-amber:before {
  background: #f0a30a !important;
}
.before-fg-amber:before {
  color: #f0a30a !important;
}
.after-bg-amber:after {
  background: #f0a30a !important;
}
.after-fg-amber:after {
  color: #f0a30a !important;
}
.bg-hover-amber:hover {
  background: #f0a30a !important;
}
.bg-active-amber:active {
  background: #f0a30a !important;
}
.bg-focus-amber:focus {
  background: #f0a30a !important;
}
.fg-hover-amber:hover {
  color: #f0a30a !important;
}
.fg-active-amber:active {
  color: #f0a30a !important;
}
.fg-focus-amber:focus {
  color: #f0a30a !important;
}
.fg-yellow {
  color: #e3c800 !important;
}
.bg-yellow {
  background-color: #e3c800 !important;
}
.bd-yellow {
  border-color: #e3c800 !important;
}
.ol-yellow {
  outline-color: #e3c800 !important;
}
.op-yellow {
  background-color: rgba(227, 200, 0, 0.7);
}
.ribbed-yellow {
  background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-yellow:before {
  background: #e3c800 !important;
}
.before-fg-yellow:before {
  color: #e3c800 !important;
}
.after-bg-yellow:after {
  background: #e3c800 !important;
}
.after-fg-yellow:after {
  color: #e3c800 !important;
}
.bg-hover-yellow:hover {
  background: #e3c800 !important;
}
.bg-active-yellow:active {
  background: #e3c800 !important;
}
.bg-focus-yellow:focus {
  background: #e3c800 !important;
}
.fg-hover-yellow:hover {
  color: #e3c800 !important;
}
.fg-active-yellow:active {
  color: #e3c800 !important;
}
.fg-focus-yellow:focus {
  color: #e3c800 !important;
}
.fg-brown {
  color: #825a2c !important;
}
.bg-brown {
  background-color: #825a2c !important;
}
.bd-brown {
  border-color: #825a2c !important;
}
.ol-brown {
  outline-color: #825a2c !important;
}
.op-brown {
  background-color: rgba(130, 90, 44, 0.7);
}
.ribbed-brown {
  background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-brown:before {
  background: #825a2c !important;
}
.before-fg-brown:before {
  color: #825a2c !important;
}
.after-bg-brown:after {
  background: #825a2c !important;
}
.after-fg-brown:after {
  color: #825a2c !important;
}
.bg-hover-brown:hover {
  background: #825a2c !important;
}
.bg-active-brown:active {
  background: #825a2c !important;
}
.bg-focus-brown:focus {
  background: #825a2c !important;
}
.fg-hover-brown:hover {
  color: #825a2c !important;
}
.fg-active-brown:active {
  color: #825a2c !important;
}
.fg-focus-brown:focus {
  color: #825a2c !important;
}
.fg-olive {
  color: #6d8764 !important;
}
.bg-olive {
  background-color: #6d8764 !important;
}
.bd-olive {
  border-color: #6d8764 !important;
}
.ol-olive {
  outline-color: #6d8764 !important;
}
.op-olive {
  background-color: rgba(109, 135, 100, 0.7);
}
.ribbed-olive {
  background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-olive:before {
  background: #6d8764 !important;
}
.before-fg-olive:before {
  color: #6d8764 !important;
}
.after-bg-olive:after {
  background: #6d8764 !important;
}
.after-fg-olive:after {
  color: #6d8764 !important;
}
.bg-hover-olive:hover {
  background: #6d8764 !important;
}
.bg-active-olive:active {
  background: #6d8764 !important;
}
.bg-focus-olive:focus {
  background: #6d8764 !important;
}
.fg-hover-olive:hover {
  color: #6d8764 !important;
}
.fg-active-olive:active {
  color: #6d8764 !important;
}
.fg-focus-olive:focus {
  color: #6d8764 !important;
}
.fg-steel {
  color: #647687 !important;
}
.bg-steel {
  background-color: #647687 !important;
}
.bd-steel {
  border-color: #647687 !important;
}
.ol-steel {
  outline-color: #647687 !important;
}
.op-steel {
  background-color: rgba(100, 118, 135, 0.7);
}
.ribbed-steel {
  background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-steel:before {
  background: #647687 !important;
}
.before-fg-steel:before {
  color: #647687 !important;
}
.after-bg-steel:after {
  background: #647687 !important;
}
.after-fg-steel:after {
  color: #647687 !important;
}
.bg-hover-steel:hover {
  background: #647687 !important;
}
.bg-active-steel:active {
  background: #647687 !important;
}
.bg-focus-steel:focus {
  background: #647687 !important;
}
.fg-hover-steel:hover {
  color: #647687 !important;
}
.fg-active-steel:active {
  color: #647687 !important;
}
.fg-focus-steel:focus {
  color: #647687 !important;
}
.fg-mauve {
  color: #76608a !important;
}
.bg-mauve {
  background-color: #76608a !important;
}
.bd-mauve {
  border-color: #76608a !important;
}
.ol-mauve {
  outline-color: #76608a !important;
}
.op-mauve {
  background-color: rgba(118, 96, 138, 0.7);
}
.ribbed-mauve {
  background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-mauve:before {
  background: #76608a !important;
}
.before-fg-mauve:before {
  color: #76608a !important;
}
.after-bg-mauve:after {
  background: #76608a !important;
}
.after-fg-mauve:after {
  color: #76608a !important;
}
.bg-hover-mauve:hover {
  background: #76608a !important;
}
.bg-active-mauve:active {
  background: #76608a !important;
}
.bg-focus-mauve:focus {
  background: #76608a !important;
}
.fg-hover-mauve:hover {
  color: #76608a !important;
}
.fg-active-mauve:active {
  color: #76608a !important;
}
.fg-focus-mauve:focus {
  color: #76608a !important;
}
.fg-taupe {
  color: #87794e !important;
}
.bg-taupe {
  background-color: #87794e !important;
}
.bd-taupe {
  border-color: #87794e !important;
}
.ol-taupe {
  outline-color: #87794e !important;
}
.op-taupe {
  background-color: rgba(135, 121, 78, 0.7);
}
.ribbed-taupe {
  background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-taupe:before {
  background: #87794e !important;
}
.before-fg-taupe:before {
  color: #87794e !important;
}
.after-bg-taupe:after {
  background: #87794e !important;
}
.after-fg-taupe:after {
  color: #87794e !important;
}
.bg-hover-taupe:hover {
  background: #87794e !important;
}
.bg-active-taupe:active {
  background: #87794e !important;
}
.bg-focus-taupe:focus {
  background: #87794e !important;
}
.fg-hover-taupe:hover {
  color: #87794e !important;
}
.fg-active-taupe:active {
  color: #87794e !important;
}
.fg-focus-taupe:focus {
  color: #87794e !important;
}
.fg-dark {
  color: #1d1d1d !important;
}
.bg-dark {
  background-color: #1d1d1d !important;
}
.bd-dark {
  border-color: #1d1d1d !important;
}
.ol-dark {
  outline-color: #1d1d1d !important;
}
.op-dark {
  background-color: rgba(29, 29, 29, 0.7);
}
.ribbed-dark {
  background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-dark:before {
  background: #1d1d1d !important;
}
.before-fg-dark:before {
  color: #1d1d1d !important;
}
.after-bg-dark:after {
  background: #1d1d1d !important;
}
.after-fg-dark:after {
  color: #1d1d1d !important;
}
.bg-hover-dark:hover {
  background: #1d1d1d !important;
}
.bg-active-dark:active {
  background: #1d1d1d !important;
}
.bg-focus-dark:focus {
  background: #1d1d1d !important;
}
.fg-hover-dark:hover {
  color: #1d1d1d !important;
}
.fg-active-dark:active {
  color: #1d1d1d !important;
}
.fg-focus-dark:focus {
  color: #1d1d1d !important;
}
.fg-darkBrown {
  color: #63362F !important;
}
.bg-darkBrown {
  background-color: #63362F !important;
}
.bd-darkBrown {
  border-color: #63362F !important;
}
.ol-darkBrown {
  outline-color: #63362F !important;
}
.op-darkBrown {
  background-color: rgba(99, 54, 47, 0.7);
}
.ribbed-darkBrown {
  background: #63362F linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkBrown:before {
  background: #63362F !important;
}
.before-fg-darkBrown:before {
  color: #63362F !important;
}
.after-bg-darkBrown:after {
  background: #63362F !important;
}
.after-fg-darkBrown:after {
  color: #63362F !important;
}
.bg-hover-darkBrown:hover {
  background: #63362F !important;
}
.bg-active-darkBrown:active {
  background: #63362F !important;
}
.bg-focus-darkBrown:focus {
  background: #63362F !important;
}
.fg-hover-darkBrown:hover {
  color: #63362F !important;
}
.fg-active-darkBrown:active {
  color: #63362F !important;
}
.fg-focus-darkBrown:focus {
  color: #63362F !important;
}
.fg-darkCrimson {
  color: #640024 !important;
}
.bg-darkCrimson {
  background-color: #640024 !important;
}
.bd-darkCrimson {
  border-color: #640024 !important;
}
.ol-darkCrimson {
  outline-color: #640024 !important;
}
.op-darkCrimson {
  background-color: rgba(100, 0, 36, 0.7);
}
.ribbed-darkCrimson {
  background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkCrimson:before {
  background: #640024 !important;
}
.before-fg-darkCrimson:before {
  color: #640024 !important;
}
.after-bg-darkCrimson:after {
  background: #640024 !important;
}
.after-fg-darkCrimson:after {
  color: #640024 !important;
}
.bg-hover-darkCrimson:hover {
  background: #640024 !important;
}
.bg-active-darkCrimson:active {
  background: #640024 !important;
}
.bg-focus-darkCrimson:focus {
  background: #640024 !important;
}
.fg-hover-darkCrimson:hover {
  color: #640024 !important;
}
.fg-active-darkCrimson:active {
  color: #640024 !important;
}
.fg-focus-darkCrimson:focus {
  color: #640024 !important;
}
.fg-darkMagenta {
  color: #81003C !important;
}
.bg-darkMagenta {
  background-color: #81003C !important;
}
.bd-darkMagenta {
  border-color: #81003C !important;
}
.ol-darkMagenta {
  outline-color: #81003C !important;
}
.op-darkMagenta {
  background-color: rgba(129, 0, 60, 0.7);
}
.ribbed-darkMagenta {
  background: #81003C linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkMagenta:before {
  background: #81003C !important;
}
.before-fg-darkMagenta:before {
  color: #81003C !important;
}
.after-bg-darkMagenta:after {
  background: #81003C !important;
}
.after-fg-darkMagenta:after {
  color: #81003C !important;
}
.bg-hover-darkMagenta:hover {
  background: #81003C !important;
}
.bg-active-darkMagenta:active {
  background: #81003C !important;
}
.bg-focus-darkMagenta:focus {
  background: #81003C !important;
}
.fg-hover-darkMagenta:hover {
  color: #81003C !important;
}
.fg-active-darkMagenta:active {
  color: #81003C !important;
}
.fg-focus-darkMagenta:focus {
  color: #81003C !important;
}
.fg-darkIndigo {
  color: #4B0096 !important;
}
.bg-darkIndigo {
  background-color: #4B0096 !important;
}
.bd-darkIndigo {
  border-color: #4B0096 !important;
}
.ol-darkIndigo {
  outline-color: #4B0096 !important;
}
.op-darkIndigo {
  background-color: rgba(75, 0, 150, 0.7);
}
.ribbed-darkIndigo {
  background: #4B0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkIndigo:before {
  background: #4B0096 !important;
}
.before-fg-darkIndigo:before {
  color: #4B0096 !important;
}
.after-bg-darkIndigo:after {
  background: #4B0096 !important;
}
.after-fg-darkIndigo:after {
  color: #4B0096 !important;
}
.bg-hover-darkIndigo:hover {
  background: #4B0096 !important;
}
.bg-active-darkIndigo:active {
  background: #4B0096 !important;
}
.bg-focus-darkIndigo:focus {
  background: #4B0096 !important;
}
.fg-hover-darkIndigo:hover {
  color: #4B0096 !important;
}
.fg-active-darkIndigo:active {
  color: #4B0096 !important;
}
.fg-focus-darkIndigo:focus {
  color: #4B0096 !important;
}
.fg-darkCyan {
  color: #1B6EAE !important;
}
.bg-darkCyan {
  background-color: #1B6EAE !important;
}
.bd-darkCyan {
  border-color: #1B6EAE !important;
}
.ol-darkCyan {
  outline-color: #1B6EAE !important;
}
.op-darkCyan {
  background-color: rgba(27, 110, 174, 0.7);
}
.ribbed-darkCyan {
  background: #1B6EAE linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkCyan:before {
  background: #1B6EAE !important;
}
.before-fg-darkCyan:before {
  color: #1B6EAE !important;
}
.after-bg-darkCyan:after {
  background: #1B6EAE !important;
}
.after-fg-darkCyan:after {
  color: #1B6EAE !important;
}
.bg-hover-darkCyan:hover {
  background: #1B6EAE !important;
}
.bg-active-darkCyan:active {
  background: #1B6EAE !important;
}
.bg-focus-darkCyan:focus {
  background: #1B6EAE !important;
}
.fg-hover-darkCyan:hover {
  color: #1B6EAE !important;
}
.fg-active-darkCyan:active {
  color: #1B6EAE !important;
}
.fg-focus-darkCyan:focus {
  color: #1B6EAE !important;
}
.fg-darkCobalt {
  color: #00356A !important;
}
.bg-darkCobalt {
  background-color: #00356A !important;
}
.bd-darkCobalt {
  border-color: #00356A !important;
}
.ol-darkCobalt {
  outline-color: #00356A !important;
}
.op-darkCobalt {
  background-color: rgba(0, 53, 106, 0.7);
}
.ribbed-darkCobalt {
  background: #00356A linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkCobalt:before {
  background: #00356A !important;
}
.before-fg-darkCobalt:before {
  color: #00356A !important;
}
.after-bg-darkCobalt:after {
  background: #00356A !important;
}
.after-fg-darkCobalt:after {
  color: #00356A !important;
}
.bg-hover-darkCobalt:hover {
  background: #00356A !important;
}
.bg-active-darkCobalt:active {
  background: #00356A !important;
}
.bg-focus-darkCobalt:focus {
  background: #00356A !important;
}
.fg-hover-darkCobalt:hover {
  color: #00356A !important;
}
.fg-active-darkCobalt:active {
  color: #00356A !important;
}
.fg-focus-darkCobalt:focus {
  color: #00356A !important;
}
.fg-darkTeal {
  color: #004050 !important;
}
.bg-darkTeal {
  background-color: #004050 !important;
}
.bd-darkTeal {
  border-color: #004050 !important;
}
.ol-darkTeal {
  outline-color: #004050 !important;
}
.op-darkTeal {
  background-color: rgba(0, 64, 80, 0.7);
}
.ribbed-darkTeal {
  background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkTeal:before {
  background: #004050 !important;
}
.before-fg-darkTeal:before {
  color: #004050 !important;
}
.after-bg-darkTeal:after {
  background: #004050 !important;
}
.after-fg-darkTeal:after {
  color: #004050 !important;
}
.bg-hover-darkTeal:hover {
  background: #004050 !important;
}
.bg-active-darkTeal:active {
  background: #004050 !important;
}
.bg-focus-darkTeal:focus {
  background: #004050 !important;
}
.fg-hover-darkTeal:hover {
  color: #004050 !important;
}
.fg-active-darkTeal:active {
  color: #004050 !important;
}
.fg-focus-darkTeal:focus {
  color: #004050 !important;
}
.fg-darkEmerald {
  color: #003e00 !important;
}
.bg-darkEmerald {
  background-color: #003e00 !important;
}
.bd-darkEmerald {
  border-color: #003e00 !important;
}
.ol-darkEmerald {
  outline-color: #003e00 !important;
}
.op-darkEmerald {
  background-color: rgba(0, 62, 0, 0.7);
}
.ribbed-darkEmerald {
  background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkEmerald:before {
  background: #003e00 !important;
}
.before-fg-darkEmerald:before {
  color: #003e00 !important;
}
.after-bg-darkEmerald:after {
  background: #003e00 !important;
}
.after-fg-darkEmerald:after {
  color: #003e00 !important;
}
.bg-hover-darkEmerald:hover {
  background: #003e00 !important;
}
.bg-active-darkEmerald:active {
  background: #003e00 !important;
}
.bg-focus-darkEmerald:focus {
  background: #003e00 !important;
}
.fg-hover-darkEmerald:hover {
  color: #003e00 !important;
}
.fg-active-darkEmerald:active {
  color: #003e00 !important;
}
.fg-focus-darkEmerald:focus {
  color: #003e00 !important;
}
.fg-darkGreen {
  color: #128023 !important;
}
.bg-darkGreen {
  background-color: #128023 !important;
}
.bd-darkGreen {
  border-color: #128023 !important;
}
.ol-darkGreen {
  outline-color: #128023 !important;
}
.op-darkGreen {
  background-color: rgba(18, 128, 35, 0.7);
}
.ribbed-darkGreen {
  background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkGreen:before {
  background: #128023 !important;
}
.before-fg-darkGreen:before {
  color: #128023 !important;
}
.after-bg-darkGreen:after {
  background: #128023 !important;
}
.after-fg-darkGreen:after {
  color: #128023 !important;
}
.bg-hover-darkGreen:hover {
  background: #128023 !important;
}
.bg-active-darkGreen:active {
  background: #128023 !important;
}
.bg-focus-darkGreen:focus {
  background: #128023 !important;
}
.fg-hover-darkGreen:hover {
  color: #128023 !important;
}
.fg-active-darkGreen:active {
  color: #128023 !important;
}
.fg-focus-darkGreen:focus {
  color: #128023 !important;
}
.fg-darkOrange {
  color: #bf5a15 !important;
}
.bg-darkOrange {
  background-color: #bf5a15 !important;
}
.bd-darkOrange {
  border-color: #bf5a15 !important;
}
.ol-darkOrange {
  outline-color: #bf5a15 !important;
}
.op-darkOrange {
  background-color: rgba(191, 90, 21, 0.7);
}
.ribbed-darkOrange {
  background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkOrange:before {
  background: #bf5a15 !important;
}
.before-fg-darkOrange:before {
  color: #bf5a15 !important;
}
.after-bg-darkOrange:after {
  background: #bf5a15 !important;
}
.after-fg-darkOrange:after {
  color: #bf5a15 !important;
}
.bg-hover-darkOrange:hover {
  background: #bf5a15 !important;
}
.bg-active-darkOrange:active {
  background: #bf5a15 !important;
}
.bg-focus-darkOrange:focus {
  background: #bf5a15 !important;
}
.fg-hover-darkOrange:hover {
  color: #bf5a15 !important;
}
.fg-active-darkOrange:active {
  color: #bf5a15 !important;
}
.fg-focus-darkOrange:focus {
  color: #bf5a15 !important;
}
.fg-darkRed {
  color: #9a1616 !important;
}
.bg-darkRed {
  background-color: #9a1616 !important;
}
.bd-darkRed {
  border-color: #9a1616 !important;
}
.ol-darkRed {
  outline-color: #9a1616 !important;
}
.op-darkRed {
  background-color: rgba(154, 22, 22, 0.7);
}
.ribbed-darkRed {
  background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkRed:before {
  background: #9a1616 !important;
}
.before-fg-darkRed:before {
  color: #9a1616 !important;
}
.after-bg-darkRed:after {
  background: #9a1616 !important;
}
.after-fg-darkRed:after {
  color: #9a1616 !important;
}
.bg-hover-darkRed:hover {
  background: #9a1616 !important;
}
.bg-active-darkRed:active {
  background: #9a1616 !important;
}
.bg-focus-darkRed:focus {
  background: #9a1616 !important;
}
.fg-hover-darkRed:hover {
  color: #9a1616 !important;
}
.fg-active-darkRed:active {
  color: #9a1616 !important;
}
.fg-focus-darkRed:focus {
  color: #9a1616 !important;
}
.fg-darkPink {
  color: #9a165a !important;
}
.bg-darkPink {
  background-color: #9a165a !important;
}
.bd-darkPink {
  border-color: #9a165a !important;
}
.ol-darkPink {
  outline-color: #9a165a !important;
}
.op-darkPink {
  background-color: rgba(154, 22, 90, 0.7);
}
.ribbed-darkPink {
  background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkPink:before {
  background: #9a165a !important;
}
.before-fg-darkPink:before {
  color: #9a165a !important;
}
.after-bg-darkPink:after {
  background: #9a165a !important;
}
.after-fg-darkPink:after {
  color: #9a165a !important;
}
.bg-hover-darkPink:hover {
  background: #9a165a !important;
}
.bg-active-darkPink:active {
  background: #9a165a !important;
}
.bg-focus-darkPink:focus {
  background: #9a165a !important;
}
.fg-hover-darkPink:hover {
  color: #9a165a !important;
}
.fg-active-darkPink:active {
  color: #9a165a !important;
}
.fg-focus-darkPink:focus {
  color: #9a165a !important;
}
.fg-darkViolet {
  color: #57169a !important;
}
.bg-darkViolet {
  background-color: #57169a !important;
}
.bd-darkViolet {
  border-color: #57169a !important;
}
.ol-darkViolet {
  outline-color: #57169a !important;
}
.op-darkViolet {
  background-color: rgba(87, 22, 154, 0.7);
}
.ribbed-darkViolet {
  background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkViolet:before {
  background: #57169a !important;
}
.before-fg-darkViolet:before {
  color: #57169a !important;
}
.after-bg-darkViolet:after {
  background: #57169a !important;
}
.after-fg-darkViolet:after {
  color: #57169a !important;
}
.bg-hover-darkViolet:hover {
  background: #57169a !important;
}
.bg-active-darkViolet:active {
  background: #57169a !important;
}
.bg-focus-darkViolet:focus {
  background: #57169a !important;
}
.fg-hover-darkViolet:hover {
  color: #57169a !important;
}
.fg-active-darkViolet:active {
  color: #57169a !important;
}
.fg-focus-darkViolet:focus {
  color: #57169a !important;
}
.fg-darkBlue {
  color: #16499a !important;
}
.bg-darkBlue {
  background-color: #16499a !important;
}
.bd-darkBlue {
  border-color: #16499a !important;
}
.ol-darkBlue {
  outline-color: #16499a !important;
}
.op-darkBlue {
  background-color: rgba(22, 73, 154, 0.7);
}
.ribbed-darkBlue {
  background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkBlue:before {
  background: #16499a !important;
}
.before-fg-darkBlue:before {
  color: #16499a !important;
}
.after-bg-darkBlue:after {
  background: #16499a !important;
}
.after-fg-darkBlue:after {
  color: #16499a !important;
}
.bg-hover-darkBlue:hover {
  background: #16499a !important;
}
.bg-active-darkBlue:active {
  background: #16499a !important;
}
.bg-focus-darkBlue:focus {
  background: #16499a !important;
}
.fg-hover-darkBlue:hover {
  color: #16499a !important;
}
.fg-active-darkBlue:active {
  color: #16499a !important;
}
.fg-focus-darkBlue:focus {
  color: #16499a !important;
}
.fg-lightBlue {
  color: #4390df !important;
}
.bg-lightBlue {
  background-color: #4390df !important;
}
.bd-lightBlue {
  border-color: #4390df !important;
}
.ol-lightBlue {
  outline-color: #4390df !important;
}
.op-lightBlue {
  background-color: rgba(67, 144, 223, 0.7);
}
.ribbed-lightBlue {
  background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightBlue:before {
  background: #4390df !important;
}
.before-fg-lightBlue:before {
  color: #4390df !important;
}
.after-bg-lightBlue:after {
  background: #4390df !important;
}
.after-fg-lightBlue:after {
  color: #4390df !important;
}
.bg-hover-lightBlue:hover {
  background: #4390df !important;
}
.bg-active-lightBlue:active {
  background: #4390df !important;
}
.bg-focus-lightBlue:focus {
  background: #4390df !important;
}
.fg-hover-lightBlue:hover {
  color: #4390df !important;
}
.fg-active-lightBlue:active {
  color: #4390df !important;
}
.fg-focus-lightBlue:focus {
  color: #4390df !important;
}
.fg-lighterBlue {
  color: #00CCFF !important;
}
.bg-lighterBlue {
  background-color: #00CCFF !important;
}
.bd-lighterBlue {
  border-color: #00CCFF !important;
}
.ol-lighterBlue {
  outline-color: #00CCFF !important;
}
.op-lighterBlue {
  background-color: rgba(0, 204, 255, 0.7);
}
.ribbed-lighterBlue {
  background: #00CCFF linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lighterBlue:before {
  background: #00CCFF !important;
}
.before-fg-lighterBlue:before {
  color: #00CCFF !important;
}
.after-bg-lighterBlue:after {
  background: #00CCFF !important;
}
.after-fg-lighterBlue:after {
  color: #00CCFF !important;
}
.bg-hover-lighterBlue:hover {
  background: #00CCFF !important;
}
.bg-active-lighterBlue:active {
  background: #00CCFF !important;
}
.bg-focus-lighterBlue:focus {
  background: #00CCFF !important;
}
.fg-hover-lighterBlue:hover {
  color: #00CCFF !important;
}
.fg-active-lighterBlue:active {
  color: #00CCFF !important;
}
.fg-focus-lighterBlue:focus {
  color: #00CCFF !important;
}
.fg-lightTeal {
  color: #45fffd !important;
}
.bg-lightTeal {
  background-color: #45fffd !important;
}
.bd-lightTeal {
  border-color: #45fffd !important;
}
.ol-lightTeal {
  outline-color: #45fffd !important;
}
.op-lightTeal {
  background-color: rgba(69, 255, 253, 0.7);
}
.ribbed-lightTeal {
  background: #45fffd linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightTeal:before {
  background: #45fffd !important;
}
.before-fg-lightTeal:before {
  color: #45fffd !important;
}
.after-bg-lightTeal:after {
  background: #45fffd !important;
}
.after-fg-lightTeal:after {
  color: #45fffd !important;
}
.bg-hover-lightTeal:hover {
  background: #45fffd !important;
}
.bg-active-lightTeal:active {
  background: #45fffd !important;
}
.bg-focus-lightTeal:focus {
  background: #45fffd !important;
}
.fg-hover-lightTeal:hover {
  color: #45fffd !important;
}
.fg-active-lightTeal:active {
  color: #45fffd !important;
}
.fg-focus-lightTeal:focus {
  color: #45fffd !important;
}
.fg-lightOlive {
  color: #78aa1c !important;
}
.bg-lightOlive {
  background-color: #78aa1c !important;
}
.bd-lightOlive {
  border-color: #78aa1c !important;
}
.ol-lightOlive {
  outline-color: #78aa1c !important;
}
.op-lightOlive {
  background-color: rgba(120, 170, 28, 0.7);
}
.ribbed-lightOlive {
  background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightOlive:before {
  background: #78aa1c !important;
}
.before-fg-lightOlive:before {
  color: #78aa1c !important;
}
.after-bg-lightOlive:after {
  background: #78aa1c !important;
}
.after-fg-lightOlive:after {
  color: #78aa1c !important;
}
.bg-hover-lightOlive:hover {
  background: #78aa1c !important;
}
.bg-active-lightOlive:active {
  background: #78aa1c !important;
}
.bg-focus-lightOlive:focus {
  background: #78aa1c !important;
}
.fg-hover-lightOlive:hover {
  color: #78aa1c !important;
}
.fg-active-lightOlive:active {
  color: #78aa1c !important;
}
.fg-focus-lightOlive:focus {
  color: #78aa1c !important;
}
.fg-lightOrange {
  color: #ffc194 !important;
}
.bg-lightOrange {
  background-color: #ffc194 !important;
}
.bd-lightOrange {
  border-color: #ffc194 !important;
}
.ol-lightOrange {
  outline-color: #ffc194 !important;
}
.op-lightOrange {
  background-color: rgba(255, 193, 148, 0.7);
}
.ribbed-lightOrange {
  background: #ffc194 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightOrange:before {
  background: #ffc194 !important;
}
.before-fg-lightOrange:before {
  color: #ffc194 !important;
}
.after-bg-lightOrange:after {
  background: #ffc194 !important;
}
.after-fg-lightOrange:after {
  color: #ffc194 !important;
}
.bg-hover-lightOrange:hover {
  background: #ffc194 !important;
}
.bg-active-lightOrange:active {
  background: #ffc194 !important;
}
.bg-focus-lightOrange:focus {
  background: #ffc194 !important;
}
.fg-hover-lightOrange:hover {
  color: #ffc194 !important;
}
.fg-active-lightOrange:active {
  color: #ffc194 !important;
}
.fg-focus-lightOrange:focus {
  color: #ffc194 !important;
}
.fg-lightPink {
  color: #f472d0 !important;
}
.bg-lightPink {
  background-color: #f472d0 !important;
}
.bd-lightPink {
  border-color: #f472d0 !important;
}
.ol-lightPink {
  outline-color: #f472d0 !important;
}
.op-lightPink {
  background-color: rgba(244, 114, 208, 0.7);
}
.ribbed-lightPink {
  background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightPink:before {
  background: #f472d0 !important;
}
.before-fg-lightPink:before {
  color: #f472d0 !important;
}
.after-bg-lightPink:after {
  background: #f472d0 !important;
}
.after-fg-lightPink:after {
  color: #f472d0 !important;
}
.bg-hover-lightPink:hover {
  background: #f472d0 !important;
}
.bg-active-lightPink:active {
  background: #f472d0 !important;
}
.bg-focus-lightPink:focus {
  background: #f472d0 !important;
}
.fg-hover-lightPink:hover {
  color: #f472d0 !important;
}
.fg-active-lightPink:active {
  color: #f472d0 !important;
}
.fg-focus-lightPink:focus {
  color: #f472d0 !important;
}
.fg-lightRed {
  color: #da5a53 !important;
}
.bg-lightRed {
  background-color: #da5a53 !important;
}
.bd-lightRed {
  border-color: #da5a53 !important;
}
.ol-lightRed {
  outline-color: #da5a53 !important;
}
.op-lightRed {
  background-color: rgba(218, 90, 83, 0.7);
}
.ribbed-lightRed {
  background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightRed:before {
  background: #da5a53 !important;
}
.before-fg-lightRed:before {
  color: #da5a53 !important;
}
.after-bg-lightRed:after {
  background: #da5a53 !important;
}
.after-fg-lightRed:after {
  color: #da5a53 !important;
}
.bg-hover-lightRed:hover {
  background: #da5a53 !important;
}
.bg-active-lightRed:active {
  background: #da5a53 !important;
}
.bg-focus-lightRed:focus {
  background: #da5a53 !important;
}
.fg-hover-lightRed:hover {
  color: #da5a53 !important;
}
.fg-active-lightRed:active {
  color: #da5a53 !important;
}
.fg-focus-lightRed:focus {
  color: #da5a53 !important;
}
.fg-lightGreen {
  color: #7ad61d !important;
}
.bg-lightGreen {
  background-color: #7ad61d !important;
}
.bd-lightGreen {
  border-color: #7ad61d !important;
}
.ol-lightGreen {
  outline-color: #7ad61d !important;
}
.op-lightGreen {
  background-color: rgba(122, 214, 29, 0.7);
}
.ribbed-lightGreen {
  background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightGreen:before {
  background: #7ad61d !important;
}
.before-fg-lightGreen:before {
  color: #7ad61d !important;
}
.after-bg-lightGreen:after {
  background: #7ad61d !important;
}
.after-fg-lightGreen:after {
  color: #7ad61d !important;
}
.bg-hover-lightGreen:hover {
  background: #7ad61d !important;
}
.bg-active-lightGreen:active {
  background: #7ad61d !important;
}
.bg-focus-lightGreen:focus {
  background: #7ad61d !important;
}
.fg-hover-lightGreen:hover {
  color: #7ad61d !important;
}
.fg-active-lightGreen:active {
  color: #7ad61d !important;
}
.fg-focus-lightGreen:focus {
  color: #7ad61d !important;
}
.fg-lightCyan {
  color: #59cde2 !important;
}
.bg-lightCyan {
  background-color: #59cde2 !important;
}
.bd-lightCyan {
  border-color: #59cde2 !important;
}
.ol-lightCyan {
  outline-color: #59cde2 !important;
}
.op-lightCyan {
  background-color: rgba(89, 205, 226, 0.7);
}
.ribbed-lightCyan {
  background: #59cde2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightCyan:before {
  background: #59cde2 !important;
}
.before-fg-lightCyan:before {
  color: #59cde2 !important;
}
.after-bg-lightCyan:after {
  background: #59cde2 !important;
}
.after-fg-lightCyan:after {
  color: #59cde2 !important;
}
.bg-hover-lightCyan:hover {
  background: #59cde2 !important;
}
.bg-active-lightCyan:active {
  background: #59cde2 !important;
}
.bg-focus-lightCyan:focus {
  background: #59cde2 !important;
}
.fg-hover-lightCyan:hover {
  color: #59cde2 !important;
}
.fg-active-lightCyan:active {
  color: #59cde2 !important;
}
.fg-focus-lightCyan:focus {
  color: #59cde2 !important;
}
.fg-grayed {
  color: #585858 !important;
}
.bg-grayed {
  background-color: #585858 !important;
}
.bd-grayed {
  border-color: #585858 !important;
}
.ol-grayed {
  outline-color: #585858 !important;
}
.op-grayed {
  background-color: rgba(88, 88, 88, 0.7);
}
.ribbed-grayed {
  background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayed:before {
  background: #585858 !important;
}
.before-fg-grayed:before {
  color: #585858 !important;
}
.after-bg-grayed:after {
  background: #585858 !important;
}
.after-fg-grayed:after {
  color: #585858 !important;
}
.bg-hover-grayed:hover {
  background: #585858 !important;
}
.bg-active-grayed:active {
  background: #585858 !important;
}
.bg-focus-grayed:focus {
  background: #585858 !important;
}
.fg-hover-grayed:hover {
  color: #585858 !important;
}
.fg-active-grayed:active {
  color: #585858 !important;
}
.fg-focus-grayed:focus {
  color: #585858 !important;
}
.fg-grayDarker {
  color: #222222 !important;
}
.bg-grayDarker {
  background-color: #222222 !important;
}
.bd-grayDarker {
  border-color: #222222 !important;
}
.ol-grayDarker {
  outline-color: #222222 !important;
}
.op-grayDarker {
  background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-grayDarker {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayDarker:before {
  background: #222222 !important;
}
.before-fg-grayDarker:before {
  color: #222222 !important;
}
.after-bg-grayDarker:after {
  background: #222222 !important;
}
.after-fg-grayDarker:after {
  color: #222222 !important;
}
.bg-hover-grayDarker:hover {
  background: #222222 !important;
}
.bg-active-grayDarker:active {
  background: #222222 !important;
}
.bg-focus-grayDarker:focus {
  background: #222222 !important;
}
.fg-hover-grayDarker:hover {
  color: #222222 !important;
}
.fg-active-grayDarker:active {
  color: #222222 !important;
}
.fg-focus-grayDarker:focus {
  color: #222222 !important;
}
.fg-grayDark {
  color: #333333 !important;
}
.bg-grayDark {
  background-color: #333333 !important;
}
.bd-grayDark {
  border-color: #333333 !important;
}
.ol-grayDark {
  outline-color: #333333 !important;
}
.op-grayDark {
  background-color: rgba(51, 51, 51, 0.7);
}
.ribbed-grayDark {
  background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayDark:before {
  background: #333333 !important;
}
.before-fg-grayDark:before {
  color: #333333 !important;
}
.after-bg-grayDark:after {
  background: #333333 !important;
}
.after-fg-grayDark:after {
  color: #333333 !important;
}
.bg-hover-grayDark:hover {
  background: #333333 !important;
}
.bg-active-grayDark:active {
  background: #333333 !important;
}
.bg-focus-grayDark:focus {
  background: #333333 !important;
}
.fg-hover-grayDark:hover {
  color: #333333 !important;
}
.fg-active-grayDark:active {
  color: #333333 !important;
}
.fg-focus-grayDark:focus {
  color: #333333 !important;
}
.fg-gray {
  color: #555555 !important;
}
.bg-gray {
  background-color: #555555 !important;
}
.bd-gray {
  border-color: #555555 !important;
}
.ol-gray {
  outline-color: #555555 !important;
}
.op-gray {
  background-color: rgba(85, 85, 85, 0.7);
}
.ribbed-gray {
  background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-gray:before {
  background: #555555 !important;
}
.before-fg-gray:before {
  color: #555555 !important;
}
.after-bg-gray:after {
  background: #555555 !important;
}
.after-fg-gray:after {
  color: #555555 !important;
}
.bg-hover-gray:hover {
  background: #555555 !important;
}
.bg-active-gray:active {
  background: #555555 !important;
}
.bg-focus-gray:focus {
  background: #555555 !important;
}
.fg-hover-gray:hover {
  color: #555555 !important;
}
.fg-active-gray:active {
  color: #555555 !important;
}
.fg-focus-gray:focus {
  color: #555555 !important;
}
.fg-grayLight {
  color: #999999 !important;
}
.bg-grayLight {
  background-color: #999999 !important;
}
.bd-grayLight {
  border-color: #999999 !important;
}
.ol-grayLight {
  outline-color: #999999 !important;
}
.op-grayLight {
  background-color: rgba(153, 153, 153, 0.7);
}
.ribbed-grayLight {
  background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayLight:before {
  background: #999999 !important;
}
.before-fg-grayLight:before {
  color: #999999 !important;
}
.after-bg-grayLight:after {
  background: #999999 !important;
}
.after-fg-grayLight:after {
  color: #999999 !important;
}
.bg-hover-grayLight:hover {
  background: #999999 !important;
}
.bg-active-grayLight:active {
  background: #999999 !important;
}
.bg-focus-grayLight:focus {
  background: #999999 !important;
}
.fg-hover-grayLight:hover {
  color: #999999 !important;
}
.fg-active-grayLight:active {
  color: #999999 !important;
}
.fg-focus-grayLight:focus {
  color: #999999 !important;
}
.fg-grayLighter {
  color: #eeeeee !important;
}
.bg-grayLighter {
  background-color: #eeeeee !important;
}
.bd-grayLighter {
  border-color: #eeeeee !important;
}
.ol-grayLighter {
  outline-color: #eeeeee !important;
}
.op-grayLighter {
  background-color: rgba(238, 238, 238, 0.7);
}
.ribbed-grayLighter {
  background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-grayLighter:before {
  background: #eeeeee !important;
}
.before-fg-grayLighter:before {
  color: #eeeeee !important;
}
.after-bg-grayLighter:after {
  background: #eeeeee !important;
}
.after-fg-grayLighter:after {
  color: #eeeeee !important;
}
.bg-hover-grayLighter:hover {
  background: #eeeeee !important;
}
.bg-active-grayLighter:active {
  background: #eeeeee !important;
}
.bg-focus-grayLighter:focus {
  background: #eeeeee !important;
}
.fg-hover-grayLighter:hover {
  color: #eeeeee !important;
}
.fg-active-grayLighter:active {
  color: #eeeeee !important;
}
.fg-focus-grayLighter:focus {
  color: #eeeeee !important;
}
.fg-lightGray {
  color: #999999 !important;
}
.bg-lightGray {
  background-color: #999999 !important;
}
.bd-lightGray {
  border-color: #999999 !important;
}
.ol-lightGray {
  outline-color: #999999 !important;
}
.op-lightGray {
  background-color: rgba(153, 153, 153, 0.7);
}
.ribbed-lightGray {
  background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lightGray:before {
  background: #999999 !important;
}
.before-fg-lightGray:before {
  color: #999999 !important;
}
.after-bg-lightGray:after {
  background: #999999 !important;
}
.after-fg-lightGray:after {
  color: #999999 !important;
}
.bg-hover-lightGray:hover {
  background: #999999 !important;
}
.bg-active-lightGray:active {
  background: #999999 !important;
}
.bg-focus-lightGray:focus {
  background: #999999 !important;
}
.fg-hover-lightGray:hover {
  color: #999999 !important;
}
.fg-active-lightGray:active {
  color: #999999 !important;
}
.fg-focus-lightGray:focus {
  color: #999999 !important;
}
.fg-lighterGray {
  color: #eeeeee !important;
}
.bg-lighterGray {
  background-color: #eeeeee !important;
}
.bd-lighterGray {
  border-color: #eeeeee !important;
}
.ol-lighterGray {
  outline-color: #eeeeee !important;
}
.op-lighterGray {
  background-color: rgba(238, 238, 238, 0.7);
}
.ribbed-lighterGray {
  background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-lighterGray:before {
  background: #eeeeee !important;
}
.before-fg-lighterGray:before {
  color: #eeeeee !important;
}
.after-bg-lighterGray:after {
  background: #eeeeee !important;
}
.after-fg-lighterGray:after {
  color: #eeeeee !important;
}
.bg-hover-lighterGray:hover {
  background: #eeeeee !important;
}
.bg-active-lighterGray:active {
  background: #eeeeee !important;
}
.bg-focus-lighterGray:focus {
  background: #eeeeee !important;
}
.fg-hover-lighterGray:hover {
  color: #eeeeee !important;
}
.fg-active-lighterGray:active {
  color: #eeeeee !important;
}
.fg-focus-lighterGray:focus {
  color: #eeeeee !important;
}
.fg-darkGray {
  color: #333333 !important;
}
.bg-darkGray {
  background-color: #333333 !important;
}
.bd-darkGray {
  border-color: #333333 !important;
}
.ol-darkGray {
  outline-color: #333333 !important;
}
.op-darkGray {
  background-color: rgba(51, 51, 51, 0.7);
}
.ribbed-darkGray {
  background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkGray:before {
  background: #333333 !important;
}
.before-fg-darkGray:before {
  color: #333333 !important;
}
.after-bg-darkGray:after {
  background: #333333 !important;
}
.after-fg-darkGray:after {
  color: #333333 !important;
}
.bg-hover-darkGray:hover {
  background: #333333 !important;
}
.bg-active-darkGray:active {
  background: #333333 !important;
}
.bg-focus-darkGray:focus {
  background: #333333 !important;
}
.fg-hover-darkGray:hover {
  color: #333333 !important;
}
.fg-active-darkGray:active {
  color: #333333 !important;
}
.fg-focus-darkGray:focus {
  color: #333333 !important;
}
.fg-darkerGray {
  color: #222222 !important;
}
.bg-darkerGray {
  background-color: #222222 !important;
}
.bd-darkerGray {
  border-color: #222222 !important;
}
.ol-darkerGray {
  outline-color: #222222 !important;
}
.op-darkerGray {
  background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-darkerGray {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darkerGray:before {
  background: #222222 !important;
}
.before-fg-darkerGray:before {
  color: #222222 !important;
}
.after-bg-darkerGray:after {
  background: #222222 !important;
}
.after-fg-darkerGray:after {
  color: #222222 !important;
}
.bg-hover-darkerGray:hover {
  background: #222222 !important;
}
.bg-active-darkerGray:active {
  background: #222222 !important;
}
.bg-focus-darkerGray:focus {
  background: #222222 !important;
}
.fg-hover-darkerGray:hover {
  color: #222222 !important;
}
.fg-active-darkerGray:active {
  color: #222222 !important;
}
.fg-focus-darkerGray:focus {
  color: #222222 !important;
}
.fg-darker {
  color: #222222 !important;
}
.bg-darker {
  background-color: #222222 !important;
}
.bd-darker {
  border-color: #222222 !important;
}
.ol-darker {
  outline-color: #222222 !important;
}
.op-darker {
  background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-darker {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-darker:before {
  background: #222222 !important;
}
.before-fg-darker:before {
  color: #222222 !important;
}
.after-bg-darker:after {
  background: #222222 !important;
}
.after-fg-darker:after {
  color: #222222 !important;
}
.bg-hover-darker:hover {
  background: #222222 !important;
}
.bg-active-darker:active {
  background: #222222 !important;
}
.bg-focus-darker:focus {
  background: #222222 !important;
}
.fg-hover-darker:hover {
  color: #222222 !important;
}
.fg-active-darker:active {
  color: #222222 !important;
}
.fg-focus-darker:focus {
  color: #222222 !important;
}
.dropdown-toggle {
  position: relative;
  cursor: pointer;
}
.dropdown-toggle:before {
  display: block;
  position: absolute;
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  content: "";
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: #1d1d1d;
  top: 50%;
  left: 100%;
  margin-left: -1rem;
  margin-top: -0.1625rem;
  z-index: 2;
  transform: rotate(-45deg);
}
.dropdown-toggle.drop-marker-light:before {
  border-color: #ffffff;
}
*.dropdown-toggle {
  padding-right: 1.625rem;
}
.flush-list {
  padding: 0;
  margin: 0;
  list-style: none inside none;
}
.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.before-shadow:before {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.after-shadow:after {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.block-shadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.block-shadow-success {
  box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.block-shadow-error {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-danger {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-warning {
  box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.block-shadow-info {
  box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.block-shadow-impact {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.bottom-shadow {
  box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
}
.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.before-text-shadow:before {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.after-text-shadow:after {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.no-shadow {
  box-shadow: none !important;
}
.full-size {
  width: 100% !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.no-display {
  display: none !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-float {
  float: none !important;
}
.no-visible {
  visibility: hidden !important;
}
.no-border {
  border: 0 !important;
}
.no-overflow {
  overflow: hidden !important;
}
.no-scroll {
  overflow: hidden !important;
}
.no-scroll-x {
  overflow-x: hidden !important;
}
.no-scroll-y {
  overflow-y: hidden !important;
}
.no-wrap {
  white-space: nowrap !important;
}
.no-border-left {
  border-left: none !important;
}
.no-border-right {
  border-right: none !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.transparent-border {
  border-color: transparent !important;
}
.place-right {
  float: right !important;
}
.place-left {
  float: left !important;
}
.clear-float:before,
.clear-float:after {
  display: table;
  content: "";
}
.clear-float:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.no-user-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.no-appearance {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.debug {
  border: 1px dashed red;
}
.example {
  padding: .625rem 1.825rem .625rem 2.5rem;
  border: 1px #ccc dashed;
  position: relative;
  margin: 0 0 .625rem 0;
  background-color: #ffffff;
}
.example:before,
.example:after {
  display: table;
  content: "";
}
.example:after {
  clear: both;
}
.example:before {
  position: absolute;
  content: attr(data-text);
  text-transform: lowercase;
  left: 1.5rem;
  top: 11.875rem;
  color: gray;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  height: 1rem;
  text-align: right;
  white-space: nowrap;
  direction: ltr;
  width: 12.5rem;
  transform: rotate(-90deg);
  transform-origin: 0 100%;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.padding10 {
  padding: 0.625rem;
}
.padding20 {
  padding: 1.25rem;
}
.padding30 {
  padding: 1.875rem;
}
.padding40 {
  padding: 2.5rem;
}
.padding50 {
  padding: 3.125rem;
}
.padding60 {
  padding: 3.75rem;
}
.padding70 {
  padding: 4.375rem;
}
.padding80 {
  padding: 5rem;
}
.padding90 {
  padding: 5.625rem;
}
.padding100 {
  padding: 6.25rem;
}
.padding5 {
  padding: 5px;
}
.margin5 {
  margin: 5px;
}
.margin10 {
  margin: 0.625rem;
}
.margin20 {
  margin: 1.25rem;
}
.margin30 {
  margin: 1.875rem;
}
.margin40 {
  margin: 2.5rem;
}
.margin50 {
  margin: 3.125rem;
}
.margin60 {
  margin: 3.75rem;
}
.margin70 {
  margin: 4.375rem;
}
.margin80 {
  margin: 5rem;
}
.margin90 {
  margin: 5.625rem;
}
.margin100 {
  margin: 6.25rem;
}
.opacity {
  opacity: .9;
}
.half-opacity {
  opacity: .5;
}
.hi-opacity {
  opacity: .2;
}
.element-selected {
  border: 4px #4390df solid;
}
.element-selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.element-selected:before {
  position: absolute;
  display: block;
  content: "";
  background-color: transparent;
  border-color: #ffffff;
  border-left: 2px solid;
  border-bottom: 2px solid;
  height: .25rem;
  width: .5rem;
  right: 0;
  top: 0;
  z-index: 102;
  transform: rotate(-45deg);
}
/* Block function */
.set-border {
  border: 1px #d9d9d9 solid;
}
.set-border.medium-border {
  border-width: 8px;
}
.set-border.large-border {
  border-width: 16px;
}
/* transform functions */
.rotate45 {
  transform: rotate(45deg);
}
.rotate90 {
  transform: rotate(90deg);
}
.rotate135 {
  transform: rotate(135deg);
}
.rotate180 {
  transform: rotate(180deg);
}
.rotate225 {
  transform: rotate(225deg);
}
.rotate270 {
  transform: rotate(270deg);
}
.rotate360 {
  transform: rotate(360deg);
}
.rotate-45 {
  transform: rotate(-45deg);
}
.rotate-90 {
  transform: rotate(-90deg);
}
.rotate-135 {
  transform: rotate(-135deg);
}
.rotate-180 {
  transform: rotate(-180deg);
}
.rotate-225 {
  transform: rotate(-225deg);
}
.rotate-270 {
  transform: rotate(-270deg);
}
.rotate-360 {
  transform: rotate(-360deg);
}
.rotateX45 {
  transform: rotateX(45deg);
}
.rotateX90 {
  transform: rotateX(90deg);
}
.rotateX135 {
  transform: rotateX(135deg);
}
.rotateX180 {
  transform: rotateX(180deg);
}
.rotateX225 {
  transform: rotateX(225deg);
}
.rotateX270 {
  transform: rotateX(270deg);
}
.rotateX360 {
  transform: rotateX(360deg);
}
.rotateX-45 {
  transform: rotateX(-45deg);
}
.rotateX-90 {
  transform: rotateX(-90deg);
}
.rotateX-135 {
  transform: rotateX(-135deg);
}
.rotateX-180 {
  transform: rotateX(-180deg);
}
.rotateX-225 {
  transform: rotateX(-225deg);
}
.rotateX-270 {
  transform: rotateX(-270deg);
}
.rotateX-360 {
  transform: rotateX(-360deg);
}
.rotateY45 {
  transform: rotateY(45deg);
}
.rotateY90 {
  transform: rotateY(90deg);
}
.rotateY135 {
  transform: rotateY(135deg);
}
.rotateY180 {
  transform: rotateY(180deg);
}
.rotateY225 {
  transform: rotateY(225deg);
}
.rotateY270 {
  transform: rotateY(270deg);
}
.rotateY360 {
  transform: rotateY(360deg);
}
.rotateY-45 {
  transform: rotateY(-45deg);
}
.rotateY-90 {
  transform: rotateY(-90deg);
}
.rotateY-135 {
  transform: rotateY(-135deg);
}
.rotateY-180 {
  transform: rotateY(-180deg);
}
.rotateY-225 {
  transform: rotateY(-225deg);
}
.rotateY-270 {
  transform: rotateY(-270deg);
}
.rotateY-360 {
  transform: rotateY(-360deg);
}
.ani-spin,
.ani-hover-spin:hover {
  -webkit-animation: ani-spin 1.5s linear infinite;
          animation: ani-spin 1.5s linear infinite;
}
.ani-spin.ani-fast,
.ani-hover-spin.ani-fast:hover {
  -webkit-animation: ani-spin 0.7s linear infinite;
          animation: ani-spin 0.7s linear infinite;
}
.ani-spin.ani-slow,
.ani-hover-spin.ani-slow:hover {
  -webkit-animation: ani-spin 2.2s linear infinite;
          animation: ani-spin 2.2s linear infinite;
}
.ani-pulse,
.ani-hover-pulse:hover {
  -webkit-animation: ani-pulse 1.7s infinite;
          animation: ani-pulse 1.7s infinite;
}
.ani-pulse.ani-fast,
.ani-hover-pulse.ani-fast:hover {
  -webkit-animation: ani-pulse 1s infinite;
          animation: ani-pulse 1s infinite;
}
.ani-pulse.ani-slow,
.ani-hover-pulse.ani-slow:hover {
  -webkit-animation: ani-pulse 3s infinite;
          animation: ani-pulse 3s infinite;
}
.ani-spanner,
.ani-hover-spanner:hover {
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.ani-spanner.ani-fast,
.ani-hover-spanner.ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.ani-spanner.ani-slow,
.ani-hover-spanner.ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.ani-ring,
.ani-hover-ring:hover {
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
  -webkit-animation: ani-ring 2s ease infinite;
          animation: ani-ring 2s ease infinite;
}
.ani-ring.ani-fast,
.ani-hover-ring.ani-fast:hover {
  -webkit-animation: ani-ring 1s ease infinite;
          animation: ani-ring 1s ease infinite;
}
.ani-ring.ani-slow,
.ani-hover-ring.ani-slow:hover {
  -webkit-animation: ani-ring 3s ease infinite;
          animation: ani-ring 3s ease infinite;
}
.ani-vertical,
.ani-hover-vertical:hover {
  -webkit-animation: ani-vertical 2s ease infinite;
          animation: ani-vertical 2s ease infinite;
}
.ani-vertical.ani-fast,
.ani-vertical.ani-fast:hover {
  -webkit-animation: ani-vertical 1s ease infinite;
          animation: ani-vertical 1s ease infinite;
}
.ani-vertical.ani-slow,
.ani-hover-vertical.ani-slow:hover {
  -webkit-animation: ani-vertical 4s ease infinite;
          animation: ani-vertical 4s ease infinite;
}
.ani-horizontal,
.ani-hover-horizontal:hover {
  -webkit-animation: ani-horizontal 2s ease infinite;
          animation: ani-horizontal 2s ease infinite;
}
.ani-horizontal.ani-fast,
.ani-horizontal.ani-fast:hover {
  -webkit-animation: ani-horizontal 1s ease infinite;
          animation: ani-horizontal 1s ease infinite;
}
.ani-horizontal.ani-slow,
.ani-horizontal.ani-slow:hover {
  -webkit-animation: ani-horizontal 3s ease infinite;
          animation: ani-horizontal 3s ease infinite;
}
.ani-flash,
.ani-hover-flash:hover {
  -webkit-animation: ani-flash 2s ease infinite;
          animation: ani-flash 2s ease infinite;
}
.ani-flash.ani-fast,
.ani-hover-flash.ani-fast:hover {
  -webkit-animation: ani-flash 1s ease infinite;
          animation: ani-flash 1s ease infinite;
}
.ani-flash.ani-slow,
.ani-hover-flash.ani-slow:hover {
  -webkit-animation: ani-flash 3s ease infinite;
          animation: ani-flash 3s ease infinite;
}
.ani-bounce,
.ani-hover-bounce:hover {
  -webkit-animation: ani-bounce 2s ease infinite;
          animation: ani-bounce 2s ease infinite;
}
.ani-bounce.ani-fast,
.ani-hover-bounce.ani-fast:hover {
  -webkit-animation: ani-bounce 1s ease infinite;
          animation: ani-bounce 1s ease infinite;
}
.ani-bounce.ani-slow,
.ani-hover-bounce.ani-slow:hover {
  -webkit-animation: ani-bounce 3s ease infinite;
          animation: ani-bounce 3s ease infinite;
}
.ani-float,
.ani-hover-float:hover {
  -webkit-animation: ani-float 2s linear infinite;
          animation: ani-float 2s linear infinite;
}
.ani-float.ani-fast,
.ani-hover-float.ani-fast:hover {
  -webkit-animation: ani-float 1s linear infinite;
          animation: ani-float 1s linear infinite;
}
.ani-float.ani-slow,
.ani-hover-float.ani-slow:hover {
  -webkit-animation: ani-float 3s linear infinite;
          animation: ani-float 3s linear infinite;
}
.ani-heartbeat,
.ani-hover-heartbeat:hover {
  -webkit-animation: ani-heartbeat 2s linear infinite;
          animation: ani-heartbeat 2s linear infinite;
}
.ani-heartbeat.ani-fast,
.ani-hover-heartbeat.ani-fast:hover {
  -webkit-animation: ani-heartbeat 1s linear infinite;
          animation: ani-heartbeat 1s linear infinite;
}
.ani-heartbeat.ani-slow,
.ani-hover-heartbeat.ani-slow:hover {
  -webkit-animation: ani-heartbeat 3s linear infinite;
          animation: ani-heartbeat 3s linear infinite;
}
.ani-shake,
.ani-hover-shake:hover {
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.ani-shake.ani-fast,
.ani-hover-shake.ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.ani-shake.ani-slow,
.ani-hover-shake.ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.ani-shuttle,
.ani-hover-shuttle:hover {
  -webkit-animation: ani-shuttle 2s linear infinite;
          animation: ani-shuttle 2s linear infinite;
}
.ani-shuttle.ani-fast,
.ani-hover-shuttle.ani-fast:hover {
  -webkit-animation: ani-shuttle 1s linear infinite;
          animation: ani-shuttle 1s linear infinite;
}
.ani-shuttle.ani-slow,
.ani-hover-shuttle.ani-slow:hover {
  -webkit-animation: ani-shuttle 3s linear infinite;
          animation: ani-shuttle 3s linear infinite;
}
.ani-pass,
.ani-hover-pass:hover {
  -webkit-animation: ani-pass 2s linear infinite;
          animation: ani-pass 2s linear infinite;
}
.ani-pass.ani-fast,
.ani-hover-pass.ani-fast:hover {
  -webkit-animation: ani-pass 1s linear infinite;
          animation: ani-pass 1s linear infinite;
}
.ani-pass.ani-slow,
.ani-hover-pass.ani-slow:hover {
  -webkit-animation: ani-pass 3s linear infinite;
          animation: ani-pass 3s linear infinite;
}
.ani-ripple,
.ani-hover-ripple:hover {
  -webkit-animation: ani-ripple 2s infinite linear;
          animation: ani-ripple 2s infinite linear;
}
.ani-ripple.ani-fast,
.ani-hover-ripple.ani-fast:hover {
  -webkit-animation: ani-ripple 1s infinite linear;
          animation: ani-ripple 1s infinite linear;
}
.ani-ripple.ani-slow,
.ani-hover-ripple.ani-slow:hover {
  -webkit-animation: ani-ripple 3s infinite linear;
          animation: ani-ripple 3s infinite linear;
}
@-webkit-keyframes swinging {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(10deg);
  }
  10% {
    transform: rotate(-9deg);
  }
  15% {
    transform: rotate(8deg);
  }
  20% {
    transform: rotate(-7deg);
  }
  25% {
    transform: rotate(6deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  35% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-3deg);
  }
  45% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes swinging {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(10deg);
  }
  10% {
    transform: rotate(-9deg);
  }
  15% {
    transform: rotate(8deg);
  }
  20% {
    transform: rotate(-7deg);
  }
  25% {
    transform: rotate(6deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  35% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-3deg);
  }
  45% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes cubemove {
  25% {
    transform: translateX(10px) rotate(-90deg);
  }
  50% {
    transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes cubemove {
  25% {
    transform: translateX(10px) rotate(-90deg);
  }
  50% {
    transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    transform: rotate(225deg);
  }
  7% {
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    transform: rotate(955deg);
    opacity: 0;
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    transform: rotate(225deg);
  }
  7% {
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    transform: rotate(955deg);
    opacity: 0;
  }
}
@-webkit-keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@-webkit-keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ani-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes ani-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes ani-pulse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes ani-pulse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes ani-wrench {
  0% {
    transform: rotate(-12deg);
  }
  8% {
    transform: rotate(12deg);
  }
  10% {
    transform: rotate(24deg);
  }
  18% {
    transform: rotate(-24deg);
  }
  20% {
    transform: rotate(-24deg);
  }
  28% {
    transform: rotate(24deg);
  }
  30% {
    transform: rotate(24deg);
  }
  38% {
    transform: rotate(-24deg);
  }
  40% {
    transform: rotate(-24deg);
  }
  48% {
    transform: rotate(24deg);
  }
  50% {
    transform: rotate(24deg);
  }
  58% {
    transform: rotate(-24deg);
  }
  60% {
    transform: rotate(-24deg);
  }
  68% {
    transform: rotate(24deg);
  }
  75% {
    transform: rotate(0deg);
  }
}
@keyframes ani-wrench {
  0% {
    transform: rotate(-12deg);
  }
  8% {
    transform: rotate(12deg);
  }
  10% {
    transform: rotate(24deg);
  }
  18% {
    transform: rotate(-24deg);
  }
  20% {
    transform: rotate(-24deg);
  }
  28% {
    transform: rotate(24deg);
  }
  30% {
    transform: rotate(24deg);
  }
  38% {
    transform: rotate(-24deg);
  }
  40% {
    transform: rotate(-24deg);
  }
  48% {
    transform: rotate(24deg);
  }
  50% {
    transform: rotate(24deg);
  }
  58% {
    transform: rotate(-24deg);
  }
  60% {
    transform: rotate(-24deg);
  }
  68% {
    transform: rotate(24deg);
  }
  75% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes ani-ring {
  0% {
    transform: rotate(-15deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-18deg);
  }
  6% {
    transform: rotate(18deg);
  }
  8% {
    transform: rotate(-22deg);
  }
  10% {
    transform: rotate(22deg);
  }
  12% {
    transform: rotate(-18deg);
  }
  14% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-12deg);
  }
  18% {
    transform: rotate(12deg);
  }
  20% {
    transform: rotate(0deg);
  }
}
@keyframes ani-ring {
  0% {
    transform: rotate(-15deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-18deg);
  }
  6% {
    transform: rotate(18deg);
  }
  8% {
    transform: rotate(-22deg);
  }
  10% {
    transform: rotate(22deg);
  }
  12% {
    transform: rotate(-18deg);
  }
  14% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-12deg);
  }
  18% {
    transform: rotate(12deg);
  }
  20% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes ani-vertical {
  0% {
    transform: translate(0, -3px);
  }
  4% {
    transform: translate(0, 3px);
  }
  8% {
    transform: translate(0, -3px);
  }
  12% {
    transform: translate(0, 3px);
  }
  16% {
    transform: translate(0, -3px);
  }
  20% {
    transform: translate(0, 3px);
  }
  22% {
    transform: translate(0, 0);
  }
}
@keyframes ani-vertical {
  0% {
    transform: translate(0, -3px);
  }
  4% {
    transform: translate(0, 3px);
  }
  8% {
    transform: translate(0, -3px);
  }
  12% {
    transform: translate(0, 3px);
  }
  16% {
    transform: translate(0, -3px);
  }
  20% {
    transform: translate(0, 3px);
  }
  22% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ani-horizontal {
  0% {
    transform: translate(0, 0);
  }
  6% {
    transform: translate(5px, 0);
  }
  12% {
    transform: translate(0, 0);
  }
  18% {
    transform: translate(5px, 0);
  }
  24% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(5px, 0);
  }
  36% {
    transform: translate(0, 0);
  }
}
@keyframes ani-horizontal {
  0% {
    transform: translate(0, 0);
  }
  6% {
    transform: translate(5px, 0);
  }
  12% {
    transform: translate(0, 0);
  }
  18% {
    transform: translate(5px, 0);
  }
  24% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(5px, 0);
  }
  36% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ani-flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes ani-flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes ani-bounce {
  0%,
  10%,
  20%,
  50%,
  80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes ani-bounce {
  0%,
  10%,
  20%,
  50%,
  80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes ani-float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes ani-float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes ani-heartbeat {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes ani-heartbeat {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes ani-shuttle {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-8deg);
  }
  30%,
  50%,
  70% {
    transform: scale(1.3) rotate(8deg);
  }
  40%,
  60% {
    transform: scale(1.3) rotate(-8deg);
  }
  80% {
    transform: scale(1) rotate(0);
  }
}
@keyframes ani-shuttle {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-8deg);
  }
  30%,
  50%,
  70% {
    transform: scale(1.3) rotate(8deg);
  }
  40%,
  60% {
    transform: scale(1.3) rotate(-8deg);
  }
  80% {
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes ani-pass {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes ani-pass {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes ani-ripple {
  0% {
    opacity: .6;
  }
  50% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ani-ripple {
  0% {
    opacity: .6;
  }
  50% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ani-shrink {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes ani-shrink {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@-webkit-keyframes ani-drop {
  0% {
    transform: translateY(-50px);
  }
  25% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes ani-drop {
  0% {
    transform: translateY(-50px);
  }
  25% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes ani-drop2 {
  0% {
    transform: translateY(-50px);
  }
  50% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes ani-drop2 {
  0% {
    transform: translateY(-50px);
  }
  50% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes ani-drop3 {
  0% {
    transform: translateY(-50px);
  }
  75% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes ani-drop3 {
  0% {
    transform: translateY(-50px);
  }
  75% {
    transform: translate(0);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes ani-pre-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ani-pre-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ani-bg-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes ani-bg-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.mif-ani-spin,
.mif-ani-hover-spin:hover {
  -webkit-animation: ani-spin 1.5s linear infinite;
          animation: ani-spin 1.5s linear infinite;
}
.mif-ani-spin.mif-ani-fast,
.mif-ani-hover-spin.mif-ani-fast:hover {
  -webkit-animation: ani-spin 0.7s linear infinite;
          animation: ani-spin 0.7s linear infinite;
}
.mif-ani-spin.mif-ani-slow,
.mif-ani-hover-spin.mif-ani-slow:hover {
  -webkit-animation: ani-spin 2.2s linear infinite;
          animation: ani-spin 2.2s linear infinite;
}
.mif-ani-pulse,
.mif-ani-hover-pulse:hover {
  -webkit-animation: ani-pulse 1.7s infinite;
          animation: ani-pulse 1.7s infinite;
}
.mif-ani-pulse.mif-ani-fast,
.mif-ani-hover-pulse.mif-ani-fast:hover {
  -webkit-animation: ani-pulse 1s infinite;
          animation: ani-pulse 1s infinite;
}
.mif-ani-pulse.mif-ani-slow,
.mif-ani-hover-pulse.mif-ani-slow:hover {
  -webkit-animation: ani-pulse 3s infinite;
          animation: ani-pulse 3s infinite;
}
.mif-ani-spanner,
.mif-ani-hover-spanner:hover {
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.mif-ani-spanner.mif-ani-fast,
.mif-ani-hover-spanner.mif-ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.mif-ani-spanner.mif-ani-slow,
.mif-ani-hover-spanner.mif-ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.mif-ani-ring,
.mif-ani-hover-ring:hover {
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
  -webkit-animation: ani-ring 2s ease infinite;
          animation: ani-ring 2s ease infinite;
}
.mif-ani-ring.mif-ani-fast,
.mif-ani-hover-ring.mif-ani-fast:hover {
  -webkit-animation: ani-ring 1s ease infinite;
          animation: ani-ring 1s ease infinite;
}
.mif-ani-ring.mif-ani-slow,
.mif-ani-hover-ring.mif-ani-slow:hover {
  -webkit-animation: ani-ring 3s ease infinite;
          animation: ani-ring 3s ease infinite;
}
.mif-ani-vertical,
.mif-ani-hover-vertical:hover {
  -webkit-animation: ani-vertical 2s ease infinite;
          animation: ani-vertical 2s ease infinite;
}
.mif-ani-vertical.mif-ani-fast,
.mif-ani-vertical.mif-ani-fast:hover {
  -webkit-animation: ani-vertical 1s ease infinite;
          animation: ani-vertical 1s ease infinite;
}
.mif-ani-vertical.mif-ani-slow,
.mif-ani-hover-vertical.mif-ani-slow:hover {
  -webkit-animation: ani-vertical 4s ease infinite;
          animation: ani-vertical 4s ease infinite;
}
.mif-ani-horizontal,
.mif-ani-hover-horizontal:hover {
  -webkit-animation: ani-horizontal 2s ease infinite;
          animation: ani-horizontal 2s ease infinite;
}
.mif-ani-horizontal.mif-ani-fast,
.mif-ani-horizontal.mif-ani-fast:hover {
  -webkit-animation: ani-horizontal 1s ease infinite;
          animation: ani-horizontal 1s ease infinite;
}
.mif-ani-horizontal.mif-ani-slow,
.mif-ani-horizontal.mif-ani-slow:hover {
  -webkit-animation: ani-horizontal 3s ease infinite;
          animation: ani-horizontal 3s ease infinite;
}
.mif-ani-flash,
.mif-ani-hover-flash:hover {
  -webkit-animation: ani-flash 2s ease infinite;
          animation: ani-flash 2s ease infinite;
}
.mif-ani-flash.mif-ani-fast,
.mif-ani-hover-flash.mif-ani-fast:hover {
  -webkit-animation: ani-flash 1s ease infinite;
          animation: ani-flash 1s ease infinite;
}
.mif-ani-flash.mif-ani-slow,
.mif-ani-hover-flash.mif-ani-slow:hover {
  -webkit-animation: ani-flash 3s ease infinite;
          animation: ani-flash 3s ease infinite;
}
.mif-ani-bounce,
.mif-ani-hover-bounce:hover {
  -webkit-animation: ani-bounce 2s ease infinite;
          animation: ani-bounce 2s ease infinite;
}
.mif-ani-bounce.mif-ani-fast,
.mif-ani-hover-bounce.mif-ani-fast:hover {
  -webkit-animation: ani-bounce 1s ease infinite;
          animation: ani-bounce 1s ease infinite;
}
.mif-ani-bounce.mif-ani-slow,
.mif-ani-hover-bounce.mif-ani-slow:hover {
  -webkit-animation: ani-bounce 3s ease infinite;
          animation: ani-bounce 3s ease infinite;
}
.mif-ani-float,
.mif-ani-hover-float:hover {
  -webkit-animation: ani-float 2s linear infinite;
          animation: ani-float 2s linear infinite;
}
.mif-ani-float.mif-ani-fast,
.mif-ani-hover-float.mif-ani-fast:hover {
  -webkit-animation: ani-float 1s linear infinite;
          animation: ani-float 1s linear infinite;
}
.mif-ani-float.mif-ani-slow,
.mif-ani-hover-float.mif-ani-slow:hover {
  -webkit-animation: ani-float 3s linear infinite;
          animation: ani-float 3s linear infinite;
}
.mif-ani-heartbeat,
.mif-ani-hover-heartbeat:hover {
  -webkit-animation: ani-heartbeat 2s linear infinite;
          animation: ani-heartbeat 2s linear infinite;
}
.mif-ani-heartbeat.mif-ani-fast,
.mif-ani-hover-heartbeat.mif-ani-fast:hover {
  -webkit-animation: ani-heartbeat 1s linear infinite;
          animation: ani-heartbeat 1s linear infinite;
}
.mif-ani-heartbeat.mif-ani-slow,
.mif-ani-hover-heartbeat.mif-ani-slow:hover {
  -webkit-animation: ani-heartbeat 3s linear infinite;
          animation: ani-heartbeat 3s linear infinite;
}
.mif-ani-shake,
.mif-ani-hover-shake:hover {
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.mif-ani-shake.mif-ani-fast,
.mif-ani-hover-shake.mif-ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.mif-ani-shake.mif-ani-slow,
.mif-ani-hover-shake.mif-ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.mif-ani-shuttle,
.mif-ani-hover-shuttle:hover {
  -webkit-animation: ani-shuttle 2s linear infinite;
          animation: ani-shuttle 2s linear infinite;
}
.mif-ani-shuttle.mif-ani-fast,
.mif-ani-hover-shuttle.mif-ani-fast:hover {
  -webkit-animation: ani-shuttle 1s linear infinite;
          animation: ani-shuttle 1s linear infinite;
}
.mif-ani-shuttle.mif-ani-slow,
.mif-ani-hover-shuttle.mif-ani-slow:hover {
  -webkit-animation: ani-shuttle 3s linear infinite;
          animation: ani-shuttle 3s linear infinite;
}
.mif-ani-pass,
.mif-ani-hover-pass:hover {
  -webkit-animation: ani-pass 2s linear infinite;
          animation: ani-pass 2s linear infinite;
}
.mif-ani-pass.mif-ani-fast,
.mif-ani-hover-pass.mif-ani-fast:hover {
  -webkit-animation: ani-pass 1s linear infinite;
          animation: ani-pass 1s linear infinite;
}
.mif-ani-pass.mif-ani-slow,
.mif-ani-hover-pass.mif-ani-slow:hover {
  -webkit-animation: ani-pass 3s linear infinite;
          animation: ani-pass 3s linear infinite;
}
.mif-ani-ripple,
.mif-ani-hover-ripple:hover {
  -webkit-animation: ani-ripple 2s infinite linear;
          animation: ani-ripple 2s infinite linear;
}
.mif-ani-ripple.mif-ani-fast,
.mif-ani-hover-ripple.mif-ani-fast:hover {
  -webkit-animation: ani-ripple 1s infinite linear;
          animation: ani-ripple 1s infinite linear;
}
.mif-ani-ripple.mif-ani-slow,
.mif-ani-hover-ripple.mif-ani-slow:hover {
  -webkit-animation: ani-ripple 3s infinite linear;
          animation: ani-ripple 3s infinite linear;
}
.mif-unlink:before {
  content: "\f127";
}
.mif-fire-extinguisher:before {
  content: "\f134";
}
.mif-eur:before {
  content: "\f153";
}
.mif-gbp:before {
  content: "\f154";
}
.mif-dollar2:before {
  content: "\f155";
}
.mif-inr:before {
  content: "\f156";
}
.mif-cny:before {
  content: "\f157";
}
.mif-rouble:before {
  content: "\f158";
}
.mif-krw:before {
  content: "\f159";
}
.mif-bitcoin:before {
  content: "\f15a";
}
.mif-youtube2:before {
  content: "\f167";
}
.mif-youtube-play:before {
  content: "\f16a";
}
.mif-linux:before {
  content: "\f17c";
}
.mif-try:before {
  content: "\f195";
}
.mif-space-shuttle:before {
  content: "\f197";
}
.mif-openid:before {
  content: "\f19b";
}
.mif-digg:before {
  content: "\f1a6";
}
.mif-language:before {
  content: "\f1ab";
}
.mif-automobile:before {
  content: "\f1b9";
}
.mif-cab:before {
  content: "\f1ba";
}
.mif-jsfiddle:before {
  content: "\f1cc";
}
.mif-google-wallet:before {
  content: "\f1ee";
}
.mif-copyright:before {
  content: "\f1f9";
}
.mif-bicycle:before {
  content: "\f206";
}
.mif-bus:before {
  content: "\f207";
}
.mif-ship:before {
  content: "\f21a";
}
.mif-motorcycle:before {
  content: "\f21c";
}
.mif-train:before {
  content: "\f238";
}
.mif-subway:before {
  content: "\f239";
}
.mif-opencart:before {
  content: "\f23d";
}
.mif-trademark:before {
  content: "\f25c";
}
.mif-registered:before {
  content: "\f25d";
}
.mif-creative-commons:before {
  content: "\f25e";
}
.mif-wikipedia:before {
  content: "\f266";
}
.mif-amazon:before {
  content: "\f270";
}
.mif-fonticons:before {
  content: "\f280";
}
.mif-user-md:before {
  content: "\f0f0";
}
.mif-stethoscope:before {
  content: "\f0f1";
}
.mif-ambulance:before {
  content: "\f0f9";
}
.mif-medkit:before {
  content: "\f0fa";
}
.mif-paw:before {
  content: "\f1b0";
}
.mif-file-pdf:before {
  content: "\f1c1";
}
.mif-file-word:before {
  content: "\f1c2";
}
.mif-file-excel:before {
  content: "\f1c3";
}
.mif-file-powerpoint:before {
  content: "\f1c4";
}
.mif-file-image:before {
  content: "\f1c5";
}
.mif-file-archive:before {
  content: "\f1c6";
}
.mif-file-audio:before {
  content: "\f1c7";
}
.mif-file-movie:before {
  content: "\f1c8";
}
.mif-file-code:before {
  content: "\f1c9";
}
.mif-visa:before {
  content: "\f1f0";
}
.mif-mastercard:before {
  content: "\f1f1";
}
.mif-discover:before {
  content: "\f1f2";
}
.mif-amex:before {
  content: "\f1f3";
}
.mif-cc-paypal:before {
  content: "\f1f4";
}
.mif-heartbeat:before {
  content: "\f21e";
}
.mif-venus:before {
  content: "\f221";
}
.mif-mars:before {
  content: "\f222";
}
.mif-medium:before {
  content: "\f23a";
}
.mif-earth2:before {
  content: "\e6c1";
}
.mif-shit:before {
  content: "\e6c2";
}
.mif-broadcast:before {
  content: "\f048";
}
.mif-organization:before {
  content: "\f037";
}
.mif-squirrel:before {
  content: "\f0b2";
}
.mif-steps:before {
  content: "\f0c7";
}
.mif-versions:before {
  content: "\f064";
}
.mif-microscope:before {
  content: "\f089";
}
.mif-library:before {
  content: "\e921";
}
.mif-file-binary:before {
  content: "\f094";
}
.mif-mail-read:before {
  content: "\f03c";
}
.mif-quote:before {
  content: "\f063";
}
.mif-sunrise:before {
  content: "\e66c";
}
.mif-sun:before {
  content: "\e66d";
}
.mif-moon:before {
  content: "\e66e";
}
.mif-sun3:before {
  content: "\e66f";
}
.mif-windy:before {
  content: "\e670";
}
.mif-wind:before {
  content: "\e671";
}
.mif-snowflake:before {
  content: "\e672";
}
.mif-cloudy:before {
  content: "\e673";
}
.mif-cloud2:before {
  content: "\e674";
}
.mif-weather:before {
  content: "\e675";
}
.mif-weather2:before {
  content: "\e676";
}
.mif-weather3:before {
  content: "\e677";
}
.mif-lines:before {
  content: "\e678";
}
.mif-cloud3:before {
  content: "\e679";
}
.mif-lightning:before {
  content: "\e67a";
}
.mif-lightning2:before {
  content: "\e67b";
}
.mif-rainy:before {
  content: "\e67c";
}
.mif-rainy2:before {
  content: "\e67d";
}
.mif-windy2:before {
  content: "\e67e";
}
.mif-windy3:before {
  content: "\e67f";
}
.mif-snowy:before {
  content: "\e680";
}
.mif-snowy2:before {
  content: "\e681";
}
.mif-snowy3:before {
  content: "\e682";
}
.mif-weather4:before {
  content: "\e683";
}
.mif-cloudy2:before {
  content: "\e684";
}
.mif-cloud4:before {
  content: "\e685";
}
.mif-lightning3:before {
  content: "\e686";
}
.mif-sun4:before {
  content: "\e687";
}
.mif-moon2:before {
  content: "\e688";
}
.mif-cloudy3:before {
  content: "\e689";
}
.mif-cloud5:before {
  content: "\e68a";
}
.mif-cloud6:before {
  content: "\e68b";
}
.mif-lightning4:before {
  content: "\e68c";
}
.mif-rainy3:before {
  content: "\e68d";
}
.mif-rainy4:before {
  content: "\e68e";
}
.mif-windy4:before {
  content: "\e68f";
}
.mif-windy5:before {
  content: "\e690";
}
.mif-snowy4:before {
  content: "\e691";
}
.mif-snowy5:before {
  content: "\e692";
}
.mif-weather5:before {
  content: "\e693";
}
.mif-cloudy4:before {
  content: "\e694";
}
.mif-lightning5:before {
  content: "\e695";
}
.mif-thermometer:before {
  content: "\e696";
}
.mif-none:before {
  content: "\e698";
}
.mif-celsius:before {
  content: "\e699";
}
.mif-fahrenheit:before {
  content: "\e69a";
}
.mif-home:before {
  content: "\e900";
}
.mif-pencil:before {
  content: "\e905";
}
.mif-eyedropper:before {
  content: "\e90a";
}
.mif-paint:before {
  content: "\e90c";
}
.mif-image:before {
  content: "\e90d";
}
.mif-images:before {
  content: "\e90e";
}
.mif-camera:before {
  content: "\e90f";
}
.mif-headphones:before {
  content: "\e910";
}
.mif-music:before {
  content: "\e911";
}
.mif-film:before {
  content: "\e913";
}
.mif-video-camera:before {
  content: "\e914";
}
.mif-dice:before {
  content: "\e915";
}
.mif-wifi-connect:before {
  content: "\e91b";
}
.mif-feed:before {
  content: "\e91d";
}
.mif-mic:before {
  content: "\e91e";
}
.mif-books:before {
  content: "\e920";
}
.mif-file-empty:before {
  content: "\e924";
}
.mif-files-empty:before {
  content: "\e925";
}
.mif-file-text:before {
  content: "\e926";
}
.mif-file-picture:before {
  content: "\e927";
}
.mif-file-music:before {
  content: "\e928";
}
.mif-file-play:before {
  content: "\e929";
}
.mif-file-video:before {
  content: "\e92a";
}
.mif-file-zip:before {
  content: "\e92b";
}
.mif-stack:before {
  content: "\e92e";
}
.mif-folder:before {
  content: "\e92f";
}
.mif-folder-open:before {
  content: "\e930";
}
.mif-folder-plus:before {
  content: "\e931";
}
.mif-folder-minus:before {
  content: "\e932";
}
.mif-folder-download:before {
  content: "\e933";
}
.mif-folder-upload:before {
  content: "\e934";
}
.mif-tag:before {
  content: "\e935";
}
.mif-tags:before {
  content: "\e936";
}
.mif-barcode:before {
  content: "\e937";
}
.mif-qrcode:before {
  content: "\e938";
}
.mif-cart:before {
  content: "\e93a";
}
.mif-credit-card:before {
  content: "\e93f";
}
.mif-calculator:before {
  content: "\e940";
}
.mif-help:before {
  content: "\e941";
}
.mif-phone:before {
  content: "\e942";
}
.mif-envelop:before {
  content: "\e945";
}
.mif-location:before {
  content: "\e948";
}
.mif-compass:before {
  content: "\e949";
}
.mif-compass2:before {
  content: "\e94a";
}
.mif-map:before {
  content: "\e94b";
}
.mif-history:before {
  content: "\e94d";
}
.mif-bell:before {
  content: "\e951";
}
.mif-calendar:before {
  content: "\e953";
}
.mif-printer:before {
  content: "\e954";
}
.mif-keyboard:before {
  content: "\e955";
}
.mif-display:before {
  content: "\e956";
}
.mif-laptop:before {
  content: "\e957";
}
.mif-mobile:before {
  content: "\e959";
}
.mif-tablet:before {
  content: "\e95a";
}
.mif-download:before {
  content: "\e960";
}
.mif-upload:before {
  content: "\e961";
}
.mif-floppy-disk:before {
  content: "\e962";
}
.mif-drive:before {
  content: "\e963";
}
.mif-database:before {
  content: "\e964";
}
.mif-undo:before {
  content: "\e965";
}
.mif-redo:before {
  content: "\e966";
}
.mif-bubble:before {
  content: "\e96b";
}
.mif-bubbles:before {
  content: "\e96c";
}
.mif-user:before {
  content: "\e971";
}
.mif-users:before {
  content: "\e972";
}
.mif-user-plus:before {
  content: "\e973";
}
.mif-user-minus:before {
  content: "\e974";
}
.mif-user-check:before {
  content: "\e975";
}
.mif-hour-glass:before {
  content: "\e979";
}
.mif-spinner:before {
  content: "\e97a";
}
.mif-spinner1:before {
  content: "\e97b";
}
.mif-spinner2:before {
  content: "\e97d";
}
.mif-spinner3:before {
  content: "\e981";
}
.mif-spinner4:before {
  content: "\e982";
}
.mif-spinner5:before {
  content: "\e983";
}
.mif-search:before {
  content: "\e986";
}
.mif-zoom-in:before {
  content: "\e987";
}
.mif-zoom-out:before {
  content: "\e988";
}
.mif-enlarge:before {
  content: "\e989";
}
.mif-shrink:before {
  content: "\e98a";
}
.mif-enlarge2:before {
  content: "\e98b";
}
.mif-shrink2:before {
  content: "\e98c";
}
.mif-key:before {
  content: "\e98d";
}
.mif-wrench:before {
  content: "\e991";
}
.mif-equalizer:before {
  content: "\e992";
}
.mif-equalizer-v:before {
  content: "\e993";
}
.mif-cog:before {
  content: "\e994";
}
.mif-cogs:before {
  content: "\e995";
}
.mif-magic-wand:before {
  content: "\e997";
}
.mif-bug:before {
  content: "\e999";
}
.mif-chart-pie:before {
  content: "\e99a";
}
.mif-chart-dots:before {
  content: "\e99b";
}
.mif-chart-bars:before {
  content: "\e99c";
}
.mif-chart-bars2:before {
  content: "\e99d";
}
.mif-trophy:before {
  content: "\e99e";
}
.mif-gift:before {
  content: "\e99f";
}
.mif-spoon-fork:before {
  content: "\e9a3";
}
.mif-rocket:before {
  content: "\e9a5";
}
.mif-meter:before {
  content: "\e9a6";
}
.mif-hammer:before {
  content: "\e9a8";
}
.mif-fire:before {
  content: "\e9a9";
}
.mif-lab:before {
  content: "\e9aa";
}
.mif-bin:before {
  content: "\e9ac";
}
.mif-truck:before {
  content: "\e9b0";
}
.mif-target:before {
  content: "\e9b3";
}
.mif-power:before {
  content: "\e9b5";
}
.mif-switch:before {
  content: "\e9b6";
}
.mif-power-cord:before {
  content: "\e9b7";
}
.mif-clipboard:before {
  content: "\e9b8";
}
.mif-list-numbered:before {
  content: "\e9b9";
}
.mif-list:before {
  content: "\e9ba";
}
.mif-list2:before {
  content: "\e9bb";
}
.mif-tree:before {
  content: "\e9bc";
}
.mif-cloud:before {
  content: "\e9c1";
}
.mif-cloud-download:before {
  content: "\e9c2";
}
.mif-cloud-upload:before {
  content: "\e9c3";
}
.mif-download2:before {
  content: "\e9c7";
}
.mif-upload2:before {
  content: "\e9c8";
}
.mif-earth:before {
  content: "\e9ca";
}
.mif-link:before {
  content: "\e9cb";
}
.mif-flag:before {
  content: "\e9cc";
}
.mif-attachment:before {
  content: "\e9cd";
}
.mif-eye:before {
  content: "\e9ce";
}
.mif-bookmark:before {
  content: "\e9d2";
}
.mif-bookmarks:before {
  content: "\e9d3";
}
.mif-contrast:before {
  content: "\e9d5";
}
.mif-brightness:before {
  content: "\e9d6";
}
.mif-star-empty:before {
  content: "\e9d7";
}
.mif-star-half:before {
  content: "\e9d8";
}
.mif-star-full:before {
  content: "\e9d9";
}
.mif-heart:before {
  content: "\e9da";
}
.mif-heart-broken:before {
  content: "\e9db";
}
.mif-warning:before {
  content: "\ea07";
}
.mif-notification:before {
  content: "\ea08";
}
.mif-question:before {
  content: "\ea09";
}
.mif-plus:before {
  content: "\ea0a";
}
.mif-minus:before {
  content: "\ea0b";
}
.mif-info:before {
  content: "\ea0c";
}
.mif-cancel:before {
  content: "\ea0d";
}
.mif-blocked:before {
  content: "\ea0e";
}
.mif-cross:before {
  content: "\ea0f";
}
.mif-checkmark:before {
  content: "\ea10";
}
.mif-spell-check:before {
  content: "\ea12";
}
.mif-enter:before {
  content: "\ea13";
}
.mif-exit:before {
  content: "\ea14";
}
.mif-play:before {
  content: "\ea1c";
}
.mif-pause:before {
  content: "\ea1d";
}
.mif-stop:before {
  content: "\ea1e";
}
.mif-backward:before {
  content: "\ea1f";
}
.mif-forward:before {
  content: "\ea20";
}
.mif-first:before {
  content: "\ea21";
}
.mif-last:before {
  content: "\ea22";
}
.mif-previous:before {
  content: "\ea23";
}
.mif-next:before {
  content: "\ea24";
}
.mif-eject:before {
  content: "\ea25";
}
.mif-volume-high:before {
  content: "\ea26";
}
.mif-volume-medium:before {
  content: "\ea27";
}
.mif-volume-low:before {
  content: "\ea28";
}
.mif-volume-mute:before {
  content: "\ea29";
}
.mif-volume-mute2:before {
  content: "\ea2a";
}
.mif-volume-plus:before {
  content: "\ea2b";
}
.mif-volume-minus:before {
  content: "\ea2c";
}
.mif-loop:before {
  content: "\ea2d";
}
.mif-loop2:before {
  content: "\ea2e";
}
.mif-infinite:before {
  content: "\ea2f";
}
.mif-shuffle:before {
  content: "\ea30";
}
.mif-arrow-up-left:before {
  content: "\ea39";
}
.mif-arrow-up:before {
  content: "\ea3a";
}
.mif-arrow-up-right:before {
  content: "\ea3b";
}
.mif-arrow-right:before {
  content: "\ea3c";
}
.mif-arrow-down-right:before {
  content: "\ea3d";
}
.mif-arrow-down:before {
  content: "\ea3e";
}
.mif-arrow-down-left:before {
  content: "\ea3f";
}
.mif-arrow-left:before {
  content: "\ea40";
}
.mif-tab:before {
  content: "\ea45";
}
.mif-move-up:before {
  content: "\ea46";
}
.mif-move-down:before {
  content: "\ea47";
}
.mif-sort-asc:before {
  content: "\ea4c";
}
.mif-sort-desc:before {
  content: "\ea4d";
}
.mif-command:before {
  content: "\ea4e";
}
.mif-shift:before {
  content: "\ea4f";
}
.mif-crop:before {
  content: "\ea57";
}
.mif-filter:before {
  content: "\ea5b";
}
.mif-bold:before {
  content: "\ea62";
}
.mif-underline:before {
  content: "\ea63";
}
.mif-italic:before {
  content: "\ea64";
}
.mif-strikethrough:before {
  content: "\ea65";
}
.mif-page-break:before {
  content: "\ea68";
}
.mif-superscript:before {
  content: "\ea69";
}
.mif-subscript:before {
  content: "\ea6a";
}
.mif-table:before {
  content: "\ea71";
}
.mif-insert-template:before {
  content: "\ea72";
}
.mif-pilcrow:before {
  content: "\ea73";
}
.mif-ltr:before {
  content: "\ea74";
}
.mif-rtl:before {
  content: "\ea75";
}
.mif-section:before {
  content: "\ea76";
}
.mif-paragraph-left:before {
  content: "\ea77";
}
.mif-paragraph-center:before {
  content: "\ea78";
}
.mif-paragraph-right:before {
  content: "\ea79";
}
.mif-paragraph-justify:before {
  content: "\ea7a";
}
.mif-indent-increase:before {
  content: "\ea7b";
}
.mif-indent-decrease:before {
  content: "\ea7c";
}
.mif-embed:before {
  content: "\ea7f";
}
.mif-embed2:before {
  content: "\ea80";
}
.mif-share:before {
  content: "\ea82";
}
.mif-google:before {
  content: "\ea87";
}
.mif-google-plus:before {
  content: "\ea88";
}
.mif-facebook:before {
  content: "\ea8d";
}
.mif-twitter:before {
  content: "\ea91";
}
.mif-feed3:before {
  content: "\ea95";
}
.mif-youtube:before {
  content: "\ea99";
}
.mif-steam:before {
  content: "\eaae";
}
.mif-onedrive:before {
  content: "\eab0";
}
.mif-github:before {
  content: "\eab3";
}
.mif-git:before {
  content: "\eab5";
}
.mif-apple:before {
  content: "\eabf";
}
.mif-android:before {
  content: "\eac1";
}
.mif-windows:before {
  content: "\eac3";
}
.mif-skype:before {
  content: "\eac6";
}
.mif-linkedin:before {
  content: "\eac8";
}
.mif-html5:before {
  content: "\eadf";
}
.mif-css3:before {
  content: "\eae1";
}
.mif-chrome:before {
  content: "\eae5";
}
.mif-firefox:before {
  content: "\eae6";
}
.mif-ie:before {
  content: "\eae7";
}
.mif-opera:before {
  content: "\eae8";
}
.mif-safari:before {
  content: "\eae9";
}
.mif-airplane:before {
  content: "\e6c3";
}
.mif-truck2:before {
  content: "\e6c4";
}
.mif-instagram:before {
  content: "\e6c5";
}
.mif-twitch:before {
  content: "\e6c6";
}
.mif-picassa:before {
  content: "\e6c7";
}
.mif-deviantart2:before {
  content: "\e6c8";
}
.mif-wordpress2:before {
  content: "\e6c9";
}
.mif-joomla:before {
  content: "\e6ca";
}
.mif-blogger:before {
  content: "\e6cb";
}
.mif-tux:before {
  content: "\e6cc";
}
.mif-finder:before {
  content: "\e6cd";
}
.mif-soundcloud:before {
  content: "\e6ce";
}
.mif-reddit:before {
  content: "\e6cf";
}
.mif-delicious:before {
  content: "\e6d0";
}
.mif-stackoverflow:before {
  content: "\e6d1";
}
.mif-flattr:before {
  content: "\e6d2";
}
.mif-foursquare:before {
  content: "\e6d3";
}
.mif-file-openoffice:before {
  content: "\e6d4";
}
.mif-libreoffice:before {
  content: "\e6d5";
}
.mif-codepen:before {
  content: "\e6d6";
}
.mif-IcoMoon:before {
  content: "\e6d7";
}
.mif-stack2:before {
  content: "\e6b9";
}
.mif-stack3:before {
  content: "\e6ba";
}
.mif-lamp:before {
  content: "\e6bb";
}
.mif-injection:before {
  content: "\e6bc";
}
.mif-thermometer2:before {
  content: "\e6bd";
}
.mif-justice:before {
  content: "\e6be";
}
.mif-cabinet:before {
  content: "\e62b";
}
.mif-suitcase:before {
  content: "\e62c";
}
.mif-gamepad:before {
  content: "\e65e";
}
.mif-satellite:before {
  content: "\e65f";
}
.mif-lock:before {
  content: "\e660";
}
.mif-unlock:before {
  content: "\e661";
}
.mif-battery-full:before {
  content: "\e62d";
}
.mif-battery-two:before {
  content: "\e62e";
}
.mif-battery-one:before {
  content: "\e62f";
}
.mif-battery-empty:before {
  content: "\e630";
}
.mif-battery-charge:before {
  content: "\e631";
}
.mif-tools:before {
  content: "\e632";
}
.mif-pin:before {
  content: "\e662";
}
.mif-discout:before {
  content: "\e663";
}
.mif-profile:before {
  content: "\e664";
}
.mif-dollar:before {
  content: "\e665";
}
.mif-dollars:before {
  content: "\e666";
}
.mif-coins:before {
  content: "\e6b8";
}
.mif-male:before {
  content: "\e667";
}
.mif-female:before {
  content: "\e668";
}
.mif-piano:before {
  content: "\e669";
}
.mif-anchor:before {
  content: "\e66a";
}
.mif-directions-bike:before {
  content: "\e6bf";
}
.mif-location-city:before {
  content: "\e6c0";
}
.mif-wifi-low:before {
  content: "\e60c";
}
.mif-wifi-mid:before {
  content: "\e60d";
}
.mif-wifi-full:before {
  content: "\e634";
}
.mif-tablet-landscape:before {
  content: "\e635";
}
.mif-calculator2:before {
  content: "\e636";
}
.mif-barbell:before {
  content: "\e637";
}
.mif-chart-line:before {
  content: "\e656";
}
.mif-3d-rotation:before {
  content: "\e600";
}
.mif-alarm:before {
  content: "\e601";
}
.mif-alarm-on:before {
  content: "\e602";
}
.mif-favorite:before {
  content: "\e603";
}
.mif-perm-phone-msg:before {
  content: "\e604";
}
.mif-print:before {
  content: "\e605";
}
.mif-bt-settings:before {
  content: "\e606";
}
.mif-settings-ethernet:before {
  content: "\e607";
}
.mif-settings-phone:before {
  content: "\e608";
}
.mif-settings-power:before {
  content: "\e609";
}
.mif-settings-voice:before {
  content: "\e60a";
}
.mif-shopping-basket:before {
  content: "\e60b";
}
.mif-dialer-sip:before {
  content: "\e60e";
}
.mif-dialpad:before {
  content: "\e60f";
}
.mif-contacts-dialer:before {
  content: "\e610";
}
.mif-contacts-mail:before {
  content: "\e611";
}
.mif-ring-volume:before {
  content: "\e612";
}
.mif-voicemail:before {
  content: "\e613";
}
.mif-drafts:before {
  content: "\e614";
}
.mif-mail:before {
  content: "\e615";
}
.mif-bluetooth:before {
  content: "\e626";
}
.mif-bt-connected:before {
  content: "\e627";
}
.mif-bt-disabled:before {
  content: "\e628";
}
.mif-bt-searching:before {
  content: "\e629";
}
.mif-brightness-auto:before {
  content: "\e62a";
}
.mif-multitrack-audio:before {
  content: "\e616";
}
.mif-widgets:before {
  content: "\e617";
}
.mif-usb:before {
  content: "\e638";
}
.mif-money:before {
  content: "\e639";
}
.mif-vertical-align-bottom:before {
  content: "\e63a";
}
.mif-vertical-align-center:before {
  content: "\e63b";
}
.mif-vertical-align-top:before {
  content: "\e63c";
}
.mif-file-download:before {
  content: "\e63d";
}
.mif-file-upload:before {
  content: "\e63e";
}
.mif-keyboard-return:before {
  content: "\e63f";
}
.mif-keyboard-voice:before {
  content: "\e640";
}
.mif-phonelink:before {
  content: "\e641";
}
.mif-phonelink-off:before {
  content: "\e642";
}
.mif-security:before {
  content: "\e618";
}
.mif-looks:before {
  content: "\e643";
}
.mif-palette:before {
  content: "\e619";
}
.mif-layers:before {
  content: "\e644";
}
.mif-layers-clear:before {
  content: "\e61a";
}
.mif-local-airport:before {
  content: "\e645";
}
.mif-florist:before {
  content: "\e61b";
}
.mif-gas-station:before {
  content: "\e61c";
}
.mif-hotel:before {
  content: "\e646";
}
.mif-local-service:before {
  content: "\e61d";
}
.mif-map2:before {
  content: "\e620";
}
.mif-my-location:before {
  content: "\e61e";
}
.mif-traff:before {
  content: "\e621";
}
.mif-apps:before {
  content: "\e647";
}
.mif-chevron-left:before {
  content: "\e648";
}
.mif-chevron-right:before {
  content: "\e649";
}
.mif-expand-less:before {
  content: "\e64a";
}
.mif-expand-more:before {
  content: "\e64b";
}
.mif-menu:before {
  content: "\e64c";
}
.mif-more-horiz:before {
  content: "\e64d";
}
.mif-more-vert:before {
  content: "\e64e";
}
.mif-unfold-less:before {
  content: "\e64f";
}
.mif-unfold-more:before {
  content: "\e650";
}
.mif-bt-audio:before {
  content: "\e651";
}
.mif-not:before {
  content: "\e633";
}
.mif-drive-eta:before {
  content: "\e652";
}
.mif-event-available:before {
  content: "\e653";
}
.mif-event-busy:before {
  content: "\e654";
}
.mif-folder-special:before {
  content: "\e655";
}
.mif-phone-bt:before {
  content: "\e657";
}
.mif-phone-forwarded:before {
  content: "\e658";
}
.mif-phone-in-talk:before {
  content: "\e659";
}
.mif-phone-locked:before {
  content: "\e65a";
}
.mif-phone-missed:before {
  content: "\e65b";
}
.mif-phone-paused:before {
  content: "\e65c";
}
.mif-sd-card:before {
  content: "\e65d";
}
.mif-sync-disabled:before {
  content: "\e622";
}
.mif-sync-problem:before {
  content: "\e623";
}
.mif-vpn-lock:before {
  content: "\e624";
}
.mif-vpn-publ:before {
  content: "\e625";
}
.mif-school:before {
  content: "\e61f";
}
.mif-chevron-thin-down:before {
  content: "\e66b";
}
.mif-chevron-thin-left:before {
  content: "\e697";
}
.mif-chevron-thin-right:before {
  content: "\e69b";
}
.mif-chevron-thin-up:before {
  content: "\e69c";
}
.mif-flow-branch:before {
  content: "\e69d";
}
.mif-flow-cascade:before {
  content: "\e69e";
}
.mif-flow-line:before {
  content: "\e69f";
}
.mif-flow-parallel:before {
  content: "\e6a0";
}
.mif-flow-tree:before {
  content: "\e6a1";
}
.mif-air:before {
  content: "\e6a2";
}
.mif-medal:before {
  content: "\e6a3";
}
.mif-paper-plane:before {
  content: "\e6a4";
}
.mif-shareable:before {
  content: "\e6a5";
}
.mif-shop:before {
  content: "\e6a6";
}
.mif-shopping-basket2:before {
  content: "\e6a7";
}
.mif-thumbs-down:before {
  content: "\e6a8";
}
.mif-thumbs-up:before {
  content: "\e6a9";
}
.mif-traffic-cone:before {
  content: "\e6aa";
}
.mif-water:before {
  content: "\e6ab";
}
.mif-creative-cloud:before {
  content: "\e6ac";
}
.mif-dropbox:before {
  content: "\e6ad";
}
.mif-evernote:before {
  content: "\e6ae";
}
.mif-paypal:before {
  content: "\e6af";
}
.mif-swarm:before {
  content: "\e6b0";
}
.mif-vk:before {
  content: "\e6b1";
}
.mif-yelp:before {
  content: "\e6b2";
}
.mif-dribbble:before {
  content: "\e6b3";
}
.mif-lastfm:before {
  content: "\e6b4";
}
.mif-pinterest:before {
  content: "\e6b5";
}
.mif-stumbleupon:before {
  content: "\e6b6";
}
.mif-vimeo:before {
  content: "\e6b7";
}

.flexbox {
  display: flex;
}
.flex-dir-row {
  flex-direction: row;
}
.flex-dir-row-reverse {
  flex-direction: row-reverse;
}
.flex-dir-column {
  flex-direction: column;
}
.flex-dir-column-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-just-start {
  justify-content: flex-start;
}
.flex-just-end {
  justify-content: flex-end;
}
.flex-just-center {
  justify-content: center;
}
.flex-just-sa {
  justify-content: space-around;
}
.flex-just-sb {
  justify-content: space-between;
}
.flex-align-stretch {
  -webkit-box-align: stretch;
              -ms-grid-row-align: stretch;
          align-items: stretch;
}
.flex-align-start {
  -webkit-box-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start;
}
.flex-align-end {
  -webkit-box-align: end;
              -ms-grid-row-align: flex-end;
          align-items: flex-end;
}
.flex-align-center {
  -webkit-box-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}
.flex-align-base {
  -webkit-box-align: baseline;
              -ms-grid-row-align: baseline;
          align-items: baseline;
}
.flex-content-stretch {
  align-content: stretch;
}
.flex-content-start {
  align-content: flex-start;
}
.flex-content-end {
  align-content: flex-end;
}
.flex-content-center {
  align-content: center;
}
.flex-content-sb {
  align-content: space-between;
}
.flex-content-sa {
  align-content: space-around;
}
.flex-self-auto {
  align-self: auto;
}
.flex-self-start {
  align-self: flex-start;
}
.flex-self-end {
  align-self: flex-end;
}
.flex-self-center {
  align-self: center;
}
.flex-self-base {
  align-self: baseline;
}
.flex-self-stretch {
  align-self: stretch;
}
.no-shrink {
  flex-shrink: 0 !important;
}
.no-grow {
  flex-grow: 0 !important;
}
.flex-size-auto {
  flex: 1 auto;
}
.flex-size1 {
  flex-grow: 1;
}
.flex-size2 {
  flex-grow: 2;
}
.flex-size3 {
  flex-grow: 3;
}
.flex-size4 {
  flex-grow: 4;
}
.flex-size5 {
  flex-grow: 5;
}
.flex-size6 {
  flex-grow: 6;
}
.flex-size7 {
  flex-grow: 7;
}
.flex-size8 {
  flex-grow: 8;
}
.flex-size9 {
  flex-grow: 9;
}
.flex-size10 {
  flex-grow: 10;
}
.flex-size11 {
  flex-grow: 11;
}
.flex-size12 {
  flex-grow: 12;
}
.flex-size-p10 {
  flex: 0 0 10%;
}
.flex-size-p20 {
  flex: 0 0 20%;
}
.flex-size-p30 {
  flex: 0 0 30%;
}
.flex-size-p40 {
  flex: 0 0 40%;
}
.flex-size-p50 {
  flex: 0 0 50%;
}
.flex-size-p60 {
  flex: 0 0 60%;
}
.flex-size-p70 {
  flex: 0 0 70%;
}
.flex-size-p80 {
  flex: 0 0 80%;
}
.flex-size-p90 {
  flex: 0 0 90%;
}
.flex-size-p100 {
  flex: 0 0 100%;
}
.flex-size-x100 {
  flex: 0 0 100px;
}
.flex-size-x200 {
  flex: 0 0 200px;
}
.flex-size-x300 {
  flex: 0 0 300px;
}
.flex-size-x400 {
  flex: 0 0 400px;
}
.flex-size-x500 {
  flex: 0 0 500px;
}
.flex-size-x600 {
  flex: 0 0 600px;
}
.flex-size-x700 {
  flex: 0 0 700px;
}
.flex-size-x800 {
  flex: 0 0 800px;
}
.flex-size-x900 {
  flex: 0 0 900px;
}
.flex-size-x1000 {
  flex: 0 0 1000px;
}
@media screen and (min-width: 1401px) {
  html {
    font-size: 120%;
  }
}
@media screen and (max-width: 1400px) {
  html {
    font-size: 110%;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 100%;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 100%;
  }
}
@media screen and (max-width: 640px) {
  html {
    font-size: 90%;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 80%;
  }
}
@media screen and (max-width: 800px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: .625rem;
  }
}
@media screen and (min-width: 1401px) {
  .container {
    width: 1200px;
  }
}
@media screen and (max-width: 992px) {
  .container {
    width: 100%;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    padding: 10px;
  }
}
@media screen and (max-width: 640px) {
  .container {
    width: 100%;
    padding: 10px;
  }
}
@media screen and (max-width: 320px) {
  .container {
    width: 100%;
    padding: 5px;
  }
}
@media only screen and (max-width: 800px) {
  .flex-grid .row {
    flex-wrap: wrap;
  }
  .flex-grid .row .cell,
  .flex-grid .row .cell[class*=size] {
    flex: 0 0 50%;
  }
  .flex-grid .row .cell:nth-child(1):last-child,
  .flex-grid .row .cell[class*=size]:nth-child(1):last-child,
  .flex-grid .row .cell:nth-child(3):last-child,
  .flex-grid .row .cell[class*=size]:nth-child(3):last-child,
  .flex-grid .row .cell:nth-child(5):last-child,
  .flex-grid .row .cell[class*=size]:nth-child(5):last-child,
  .flex-grid .row .cell:nth-child(7):last-child,
  .flex-grid .row .cell[class*=size]:nth-child(7):last-child,
  .flex-grid .row .cell:nth-child(9):last-child,
  .flex-grid .row .cell[class*=size]:nth-child(9):last-child,
  .flex-grid .row .cell:nth-child(11):last-child,
  .flex-grid .row .cell[class*=size]:nth-child(11):last-child {
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .flex-grid .row {
    flex-direction: column;
  }
}
@media screen and (max-width: 800px) {
  .grid .row,
  .grid .row[class*=cells] {
    margin: 0;
  }
  .grid .row > .cell,
  .grid .row[class*=cells] > .cell,
  .grid .row > .cell[class*=colspan],
  .grid .row[class*=cells] > .cell[class*=colspan] {
    width: 48.936175% ;
    margin-bottom: 10px;
  }
  .grid .row > .cell:nth-child(odd),
  .grid .row[class*=cells] > .cell:nth-child(odd),
  .grid .row > .cell[class*=colspan]:nth-child(odd),
  .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(odd) {
    margin-left: 0;
  }
  .grid .row > .cell:nth-child(1):last-child,
  .grid .row[class*=cells] > .cell:nth-child(1):last-child,
  .grid .row > .cell[class*=colspan]:nth-child(1):last-child,
  .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(1):last-child,
  .grid .row > .cell:nth-child(3):last-child,
  .grid .row[class*=cells] > .cell:nth-child(3):last-child,
  .grid .row > .cell[class*=colspan]:nth-child(3):last-child,
  .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(3):last-child,
  .grid .row > .cell:nth-child(5):last-child,
  .grid .row[class*=cells] > .cell:nth-child(5):last-child,
  .grid .row > .cell[class*=colspan]:nth-child(5):last-child,
  .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(5):last-child,
  .grid .row > .cell:nth-child(7):last-child,
  .grid .row[class*=cells] > .cell:nth-child(7):last-child,
  .grid .row > .cell[class*=colspan]:nth-child(7):last-child,
  .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(7):last-child,
  .grid .row > .cell:nth-child(9):last-child,
  .grid .row[class*=cells] > .cell:nth-child(9):last-child,
  .grid .row > .cell[class*=colspan]:nth-child(9):last-child,
  .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(9):last-child,
  .grid .row > .cell:nth-child(11):last-child,
  .grid .row[class*=cells] > .cell:nth-child(11):last-child,
  .grid .row > .cell[class*=colspan]:nth-child(11):last-child,
  .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(11):last-child {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .grid .row,
  .grid .row[class*=cells] {
    margin: 0;
  }
  .grid .row > .cell,
  .grid .row[class*=cells] > .cell,
  .grid .row > .cell[class*=colspan],
  .grid .row[class*=cells] > .cell[class*=colspan] {
    width: 100%;
    margin: .3125rem 0;
  }
}
@media screen and (max-width: 800px) {
  .grid.condensed .row,
  .grid.condensed .row[class*=cells] {
    margin: 0;
  }
  .grid.condensed .row > .cell,
  .grid.condensed .row[class*=cells] > .cell,
  .grid.condensed .row > .cell[class*=colspan],
  .grid.condensed .row[class*=cells] > .cell[class*=colspan] {
    width: 50% ;
    margin-bottom: 10px ;
  }
  .grid.condensed .row > .cell:nth-child(odd),
  .grid.condensed .row[class*=cells] > .cell:nth-child(odd),
  .grid.condensed .row > .cell[class*=colspan]:nth-child(odd),
  .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(odd) {
    margin-left: 0;
  }
  .grid.condensed .row > .cell:nth-child(1):last-child,
  .grid.condensed .row[class*=cells] > .cell:nth-child(1):last-child,
  .grid.condensed .row > .cell[class*=colspan]:nth-child(1):last-child,
  .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(1):last-child,
  .grid.condensed .row > .cell:nth-child(3):last-child,
  .grid.condensed .row[class*=cells] > .cell:nth-child(3):last-child,
  .grid.condensed .row > .cell[class*=colspan]:nth-child(3):last-child,
  .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(3):last-child,
  .grid.condensed .row > .cell:nth-child(5):last-child,
  .grid.condensed .row[class*=cells] > .cell:nth-child(5):last-child,
  .grid.condensed .row > .cell[class*=colspan]:nth-child(5):last-child,
  .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(5):last-child,
  .grid.condensed .row > .cell:nth-child(7):last-child,
  .grid.condensed .row[class*=cells] > .cell:nth-child(7):last-child,
  .grid.condensed .row > .cell[class*=colspan]:nth-child(7):last-child,
  .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(7):last-child,
  .grid.condensed .row > .cell:nth-child(9):last-child,
  .grid.condensed .row[class*=cells] > .cell:nth-child(9):last-child,
  .grid.condensed .row > .cell[class*=colspan]:nth-child(9):last-child,
  .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(9):last-child,
  .grid.condensed .row > .cell:nth-child(11):last-child,
  .grid.condensed .row[class*=cells] > .cell:nth-child(11):last-child,
  .grid.condensed .row > .cell[class*=colspan]:nth-child(11):last-child,
  .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(11):last-child {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .grid.condensed .row,
  .grid.condensed .row[class*=cells] {
    margin: 0;
  }
  .grid.condensed .row > .cell,
  .grid.condensed .row[class*=cells] > .cell,
  .grid.condensed .row > .cell[class*=colspan],
  .grid.condensed .row[class*=cells] > .cell[class*=colspan] {
    width: 100%;
    margin: .3125rem 0;
  }
}
@media only screen and (max-width: 640px) {
  .f-menu {
    flex-direction: column;
  }
}
@media only screen and (max-width: 640px) {
  .f-menu > li .d-menu {
    position: relative;
    box-shadow: none;
    left: 0;
  }
}
@media screen and (max-width: 800px) {
  .sidebar {
    width: 52px;
  }
  .sidebar li > a {
    padding-right: 0;
    padding-left: 0;
    width: 52px !important;
  }
  .sidebar li > a > .title {
    display: none ;
  }
  .sidebar li > a > .counter {
    position: absolute;
    top: 0;
    right: 4px;
  }
}
@media screen and (max-width: 320px) {
  .wizard2 .step:before {
    width: 16px;
  }
}
@media screen and (max-width: 800px) {
  .tile {
    width: 120px;
    height: 120px;
  }
}
@media screen and (max-width: 800px) {
  .tile.small-tile {
    width: 56px;
    height: 56px;
  }
}
@media screen and (max-width: 800px) {
  .tile.wide-tile {
    width: 248px;
    height: 120px;
  }
}
@media screen and (max-width: 800px) {
  .tile.wide-tile-v {
    width: 120px;
    height: 248px;
  }
}
@media screen and (max-width: 800px) {
  .tile.large-tile {
    width: 248px;
    height: 248px;
  }
}
@media screen and (max-width: 800px) {
  .tile.big-tile {
    width: 376px;
    height: 376px;
  }
}
@media screen and (max-width: 800px) {
  .tile.super-tile {
    width: 504px;
    height: 504px;
  }
}
@media screen and (max-width: 800px) {
  .tile-square {
    width: 120px;
    height: 120px;
  }
}
@media screen and (max-width: 800px) {
  .tile-small {
    width: 56px;
    height: 56px;
  }
}
@media screen and (max-width: 800px) {
  .tile-wide {
    width: 248px;
    height: 120px;
  }
}
@media screen and (max-width: 800px) {
  .tile-large {
    width: 248px;
    height: 248px;
  }
}
@media screen and (max-width: 800px) {
  .tile-big {
    width: 376px;
    height: 376px;
  }
}
@media screen and (max-width: 800px) {
  .tile-super {
    width: 504px;
    height: 504px;
  }
}
@media screen and (max-width: 800px) {
  .tile-small-x {
    width: 56px;
  }
}
@media screen and (max-width: 800px) {
  .tile-square-x {
    width: 120px;
  }
}
@media screen and (max-width: 800px) {
  .tile-wide-x {
    width: 248px;
  }
}
@media screen and (max-width: 800px) {
  .tile-large-x {
    width: 248px;
  }
}
@media screen and (max-width: 800px) {
  .tile-big-x {
    width: 376px;
  }
}
@media screen and (max-width: 800px) {
  .tile-super-x {
    width: 504px;
  }
}
@media screen and (max-width: 800px) {
  .tile-small-y {
    height: 56px;
  }
}
@media screen and (max-width: 800px) {
  .tile-square-y {
    height: 120px;
  }
}
@media screen and (max-width: 800px) {
  .tile-wide-y {
    height: 248px;
  }
}
@media screen and (max-width: 800px) {
  .tile-large-y {
    height: 248px;
  }
}
@media screen and (max-width: 800px) {
  .tile-big-y {
    height: 376px;
  }
}
@media screen and (max-width: 800px) {
  .tile-super-y {
    height: 504px;
  }
}
@media screen and (max-width: 800px) {
  .tile-content.iconic .icon {
    width: 51.2px;
    height: 51.2px;
    margin-left: -25.6px;
    margin-top: -32px;
    font-size: 51.2px;
  }
}
@media screen and (max-width: 800px) {
  .tile-small .tile-content.iconic .icon {
    font-size: 25.6px;
    width: 25.6px;
    height: 25.6px;
    margin-left: -12.8px;
    margin-top: -12.8px;
  }
}
@media screen and (max-width: 640px) {
  .tile-area {
    width: 100% ;
    padding: 0;
  }
  .tile-area .tile-area-title {
    display: none;
  }
  .tile-area .tile-group {
    margin: 0 ;
    padding: 0 ;
    float: none;
  }
  .tile-area .tile-group .tile-group-title {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .tile-container {
    width: 100% ;
  }
}
@media screen and (max-width: 320px) {
  .tile-big,
  .tile.big-tile,
  .tile-super,
  .tile.super-tile {
    width: 310px ;
  }
}
@media screen and (max-width: 320px) {
  .no-small-phone {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .no-phone {
    display: none !important;
  }
}
@media screen and (max-width: 800px) {
  .no-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 801px) {
  .no-pc {
    display: none !important;
  }
}

*[dir=ltr] {
  direction: ltr;
  unicode-bidi: embed;
}
*[dir=rtl] {
  direction: rtl;
  unicode-bidi: embed;
}
bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}
bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}
*[dir=rtl] ul,
*[dir=rtl] ol,
ul[dir=rtl],
ol[dir=rtl] {
  margin-right: .3125rem;
  margin-left: 0;
  padding-right: .625rem;
}
*[dir=rtl] ul li ul,
*[dir=rtl] ol li ul,
ul[dir=rtl] li ul,
ol[dir=rtl] li ul,
*[dir=rtl] ul li ol,
*[dir=rtl] ol li ol,
ul[dir=rtl] li ol,
ol[dir=rtl] li ol {
  padding-right: 1.5625rem;
  padding-left: 0;
}
*[dir=rtl] dl dd,
dl[dir=rtl] dd {
  margin-right: .9375rem;
  margin-left: 0;
}
*[dir=rtl] dl.horizontal dt,
dl[dir=rtl].horizontal dt {
  float: right;
  width: 10rem;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
*[dir=rtl] dl.horizontal dd,
dl[dir=rtl].horizontal dd {
  margin-right: 11.25rem;
  margin-left: 0;
}
*[dir=rtl] blockquote,
blockquote[dir=rtl] {
  margin: .625rem 0;
  padding: 0 .625rem 0 0;
  border-left: none;
  border-right: 0.25rem #999999 solid;
}
*[dir=rtl] .input-control.text .button,
.input-control[dir=rtl].text .button,
*[dir=rtl] .input-control.select .button,
.input-control[dir=rtl].select .button,
*[dir=rtl] .input-control.file .button,
.input-control[dir=rtl].file .button,
*[dir=rtl] .input-control.password .button,
.input-control[dir=rtl].password .button,
*[dir=rtl] .input-control.number .button,
.input-control[dir=rtl].number .button,
*[dir=rtl] .input-control.email .button,
.input-control[dir=rtl].email .button,
*[dir=rtl] .input-control.tel .button,
.input-control[dir=rtl].tel .button,
*[dir=rtl] .input-control.text .button-group,
.input-control[dir=rtl].text .button-group,
*[dir=rtl] .input-control.select .button-group,
.input-control[dir=rtl].select .button-group,
*[dir=rtl] .input-control.file .button-group,
.input-control[dir=rtl].file .button-group,
*[dir=rtl] .input-control.password .button-group,
.input-control[dir=rtl].password .button-group,
*[dir=rtl] .input-control.number .button-group,
.input-control[dir=rtl].number .button-group,
*[dir=rtl] .input-control.email .button-group,
.input-control[dir=rtl].email .button-group,
*[dir=rtl] .input-control.tel .button-group,
.input-control[dir=rtl].tel .button-group {
  right: auto;
  left: 0;
}
*[dir=rtl] .input-control.text .prepend-icon,
.input-control[dir=rtl].text .prepend-icon,
*[dir=rtl] .input-control.select .prepend-icon,
.input-control[dir=rtl].select .prepend-icon,
*[dir=rtl] .input-control.file .prepend-icon,
.input-control[dir=rtl].file .prepend-icon,
*[dir=rtl] .input-control.password .prepend-icon,
.input-control[dir=rtl].password .prepend-icon,
*[dir=rtl] .input-control.number .prepend-icon,
.input-control[dir=rtl].number .prepend-icon,
*[dir=rtl] .input-control.email .prepend-icon,
.input-control[dir=rtl].email .prepend-icon,
*[dir=rtl] .input-control.tel .prepend-icon,
.input-control[dir=rtl].tel .prepend-icon {
  left: auto;
  right: 4px;
}
*[dir=rtl] .input-control.text .prepend-icon ~ input,
.input-control[dir=rtl].text .prepend-icon ~ input,
*[dir=rtl] .input-control.select .prepend-icon ~ input,
.input-control[dir=rtl].select .prepend-icon ~ input,
*[dir=rtl] .input-control.file .prepend-icon ~ input,
.input-control[dir=rtl].file .prepend-icon ~ input,
*[dir=rtl] .input-control.password .prepend-icon ~ input,
.input-control[dir=rtl].password .prepend-icon ~ input,
*[dir=rtl] .input-control.number .prepend-icon ~ input,
.input-control[dir=rtl].number .prepend-icon ~ input,
*[dir=rtl] .input-control.email .prepend-icon ~ input,
.input-control[dir=rtl].email .prepend-icon ~ input,
*[dir=rtl] .input-control.tel .prepend-icon ~ input,
.input-control[dir=rtl].tel .prepend-icon ~ input {
  padding-left: 0;
  padding-right: 30px;
}
*[dir=rtl] .grid .row > .cell {
  float: right;
}

/*
* params: name, background, backgroundHover, item, itemHover, itemDisabled, divider, dropdown-toggle
*/
.app-bar.pink {
  background-color: #dc4fad;
}
.app-bar.pink .app-bar-element:hover,
.app-bar.pink .app-bar-menu > li:hover,
.app-bar.pink .app-bar-menu > li > a:hover,
.app-bar.pink .app-bar-element:active,
.app-bar.pink .app-bar-menu > li:active,
.app-bar.pink .app-bar-menu > li > a:active {
  background-color: #9a165a;
}
.app-bar.pink .app-bar-divider {
  background-color: #f472d0;
}
.app-bar.pink .app-bar-element .d-menu,
.app-bar.pink .app-bar-menu > li .d-menu {
  background-color: #dc4fad;
  border-color: transparent;
}
.app-bar.pink .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.pink .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.pink .app-bar-element .d-menu li > a,
.app-bar.pink .app-bar-menu > li .d-menu li > a {
  background-color: #dc4fad;
  color: #ffffff;
}
.app-bar.pink .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.pink .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.pink .app-bar-element .d-menu li > a:hover,
.app-bar.pink .app-bar-menu > li .d-menu li > a:hover {
  background-color: #9a165a;
  color: #ffffff;
}
.app-bar.pink .app-bar-element .d-menu li:hover > a,
.app-bar.pink .app-bar-menu > li .d-menu li:hover > a {
  background-color: #9a165a;
}
.app-bar.pink .app-bar-element .d-menu .divider,
.app-bar.pink .app-bar-menu > li .d-menu .divider {
  background-color: #f472d0;
}
.app-bar.pink .app-bar-element .d-menu .divider:hover,
.app-bar.pink .app-bar-menu > li .d-menu .divider:hover {
  background-color: #f472d0;
}
.app-bar.pink .app-bar-element .dropdown-toggle:before,
.app-bar.pink .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.pink .app-bar-element.disabled,
.app-bar.pink .app-bar-menu li.disabled,
.app-bar.pink .app-bar-element:disabled,
.app-bar.pink .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.pink .app-bar-element.disabled a,
.app-bar.pink .app-bar-menu li.disabled a,
.app-bar.pink .app-bar-element:disabled a,
.app-bar.pink .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.pink .app-bar-pullbutton:hover {
  background-color: #9a165a;
}
.app-bar.pink .app-bar-drop-container {
  border: 2px solid #dc4fad;
  background-color: #dc4fad;
  color: #ffffff;
}
.app-bar.pink .app-bar-drop-container:before {
  background-color: #dc4fad;
  border-color: #dc4fad;
}
.app-bar.pink .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #f472d0;
  background-color: #f472d0;
}
.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #dc4fad;
}
.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #9a165a;
  color: #ffffff;
}
.app-bar.darcula {
  background-color: #3C3F41;
}
.app-bar.darcula .app-bar-element:hover,
.app-bar.darcula .app-bar-menu > li:hover,
.app-bar.darcula .app-bar-menu > li > a:hover,
.app-bar.darcula .app-bar-element:active,
.app-bar.darcula .app-bar-menu > li:active,
.app-bar.darcula .app-bar-menu > li > a:active {
  background-color: #1d1d1d;
}
.app-bar.darcula .app-bar-divider {
  background-color: #616162;
}
.app-bar.darcula .app-bar-element .d-menu,
.app-bar.darcula .app-bar-menu > li .d-menu {
  background-color: #3C3F41;
  border-color: transparent;
}
.app-bar.darcula .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.darcula .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.darcula .app-bar-element .d-menu li > a,
.app-bar.darcula .app-bar-menu > li .d-menu li > a {
  background-color: #3C3F41;
  color: #ffffff;
}
.app-bar.darcula .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.darcula .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.darcula .app-bar-element .d-menu li > a:hover,
.app-bar.darcula .app-bar-menu > li .d-menu li > a:hover {
  background-color: #1d1d1d;
  color: #ffffff;
}
.app-bar.darcula .app-bar-element .d-menu li:hover > a,
.app-bar.darcula .app-bar-menu > li .d-menu li:hover > a {
  background-color: #1d1d1d;
}
.app-bar.darcula .app-bar-element .d-menu .divider,
.app-bar.darcula .app-bar-menu > li .d-menu .divider {
  background-color: #616162;
}
.app-bar.darcula .app-bar-element .d-menu .divider:hover,
.app-bar.darcula .app-bar-menu > li .d-menu .divider:hover {
  background-color: #616162;
}
.app-bar.darcula .app-bar-element .dropdown-toggle:before,
.app-bar.darcula .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.darcula .app-bar-element.disabled,
.app-bar.darcula .app-bar-menu li.disabled,
.app-bar.darcula .app-bar-element:disabled,
.app-bar.darcula .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.darcula .app-bar-element.disabled a,
.app-bar.darcula .app-bar-menu li.disabled a,
.app-bar.darcula .app-bar-element:disabled a,
.app-bar.darcula .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.darcula .app-bar-pullbutton:hover {
  background-color: #1d1d1d;
}
.app-bar.darcula .app-bar-drop-container {
  border: 2px solid #3C3F41;
  background-color: #3C3F41;
  color: #ffffff;
}
.app-bar.darcula .app-bar-drop-container:before {
  background-color: #3C3F41;
  border-color: #3C3F41;
}
.app-bar.darcula .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #616162;
  background-color: #616162;
}
.app-bar.darcula .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #3C3F41;
}
.app-bar.darcula .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #1d1d1d;
  color: #ffffff;
}
.app-bar.navy {
  background-color: #0072C6;
}
.app-bar.navy .app-bar-element:hover,
.app-bar.navy .app-bar-menu > li:hover,
.app-bar.navy .app-bar-menu > li > a:hover,
.app-bar.navy .app-bar-element:active,
.app-bar.navy .app-bar-menu > li:active,
.app-bar.navy .app-bar-menu > li > a:active {
  background-color: #005696;
}
.app-bar.navy .app-bar-divider {
  background-color: #4C9CD7;
}
.app-bar.navy .app-bar-element .d-menu,
.app-bar.navy .app-bar-menu > li .d-menu {
  background-color: #0072C6;
  border-color: transparent;
}
.app-bar.navy .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.navy .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.navy .app-bar-element .d-menu li > a,
.app-bar.navy .app-bar-menu > li .d-menu li > a {
  background-color: #0072C6;
  color: #ffffff;
}
.app-bar.navy .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.navy .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.navy .app-bar-element .d-menu li > a:hover,
.app-bar.navy .app-bar-menu > li .d-menu li > a:hover {
  background-color: #005696;
  color: #ffffff;
}
.app-bar.navy .app-bar-element .d-menu li:hover > a,
.app-bar.navy .app-bar-menu > li .d-menu li:hover > a {
  background-color: #005696;
}
.app-bar.navy .app-bar-element .d-menu .divider,
.app-bar.navy .app-bar-menu > li .d-menu .divider {
  background-color: #4C9CD7;
}
.app-bar.navy .app-bar-element .d-menu .divider:hover,
.app-bar.navy .app-bar-menu > li .d-menu .divider:hover {
  background-color: #4C9CD7;
}
.app-bar.navy .app-bar-element .dropdown-toggle:before,
.app-bar.navy .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.navy .app-bar-element.disabled,
.app-bar.navy .app-bar-menu li.disabled,
.app-bar.navy .app-bar-element:disabled,
.app-bar.navy .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.navy .app-bar-element.disabled a,
.app-bar.navy .app-bar-menu li.disabled a,
.app-bar.navy .app-bar-element:disabled a,
.app-bar.navy .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.navy .app-bar-pullbutton:hover {
  background-color: #005696;
}
.app-bar.navy .app-bar-drop-container {
  border: 2px solid #0072C6;
  background-color: #0072C6;
  color: #ffffff;
}
.app-bar.navy .app-bar-drop-container:before {
  background-color: #0072C6;
  border-color: #0072C6;
}
.app-bar.navy .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #4C9CD7;
  background-color: #4C9CD7;
}
.app-bar.navy .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #0072C6;
}
.app-bar.navy .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #005696;
  color: #ffffff;
}
.app-bar.red {
  background-color: #CE352C;
}
.app-bar.red .app-bar-element:hover,
.app-bar.red .app-bar-menu > li:hover,
.app-bar.red .app-bar-menu > li > a:hover,
.app-bar.red .app-bar-element:active,
.app-bar.red .app-bar-menu > li:active,
.app-bar.red .app-bar-menu > li > a:active {
  background-color: #9a1616;
}
.app-bar.red .app-bar-divider {
  background-color: #da5a53;
}
.app-bar.red .app-bar-element .d-menu,
.app-bar.red .app-bar-menu > li .d-menu {
  background-color: #CE352C;
  border-color: transparent;
}
.app-bar.red .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.red .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.red .app-bar-element .d-menu li > a,
.app-bar.red .app-bar-menu > li .d-menu li > a {
  background-color: #CE352C;
  color: #ffffff;
}
.app-bar.red .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.red .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.red .app-bar-element .d-menu li > a:hover,
.app-bar.red .app-bar-menu > li .d-menu li > a:hover {
  background-color: #9a1616;
  color: #ffffff;
}
.app-bar.red .app-bar-element .d-menu li:hover > a,
.app-bar.red .app-bar-menu > li .d-menu li:hover > a {
  background-color: #9a1616;
}
.app-bar.red .app-bar-element .d-menu .divider,
.app-bar.red .app-bar-menu > li .d-menu .divider {
  background-color: #da5a53;
}
.app-bar.red .app-bar-element .d-menu .divider:hover,
.app-bar.red .app-bar-menu > li .d-menu .divider:hover {
  background-color: #da5a53;
}
.app-bar.red .app-bar-element .dropdown-toggle:before,
.app-bar.red .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.red .app-bar-element.disabled,
.app-bar.red .app-bar-menu li.disabled,
.app-bar.red .app-bar-element:disabled,
.app-bar.red .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.red .app-bar-element.disabled a,
.app-bar.red .app-bar-menu li.disabled a,
.app-bar.red .app-bar-element:disabled a,
.app-bar.red .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.red .app-bar-pullbutton:hover {
  background-color: #9a1616;
}
.app-bar.red .app-bar-drop-container {
  border: 2px solid #CE352C;
  background-color: #CE352C;
  color: #ffffff;
}
.app-bar.red .app-bar-drop-container:before {
  background-color: #CE352C;
  border-color: #CE352C;
}
.app-bar.red .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #da5a53;
  background-color: #da5a53;
}
.app-bar.red .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #CE352C;
}
.app-bar.red .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #9a1616;
  color: #ffffff;
}
.app-bar.green {
  background-color: #60a917;
}
.app-bar.green .app-bar-element:hover,
.app-bar.green .app-bar-menu > li:hover,
.app-bar.green .app-bar-menu > li > a:hover,
.app-bar.green .app-bar-element:active,
.app-bar.green .app-bar-menu > li:active,
.app-bar.green .app-bar-menu > li > a:active {
  background-color: #128023;
}
.app-bar.green .app-bar-divider {
  background-color: #7ad61d;
}
.app-bar.green .app-bar-element .d-menu,
.app-bar.green .app-bar-menu > li .d-menu {
  background-color: #60a917;
  border-color: transparent;
}
.app-bar.green .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.green .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.green .app-bar-element .d-menu li > a,
.app-bar.green .app-bar-menu > li .d-menu li > a {
  background-color: #60a917;
  color: #ffffff;
}
.app-bar.green .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.green .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.green .app-bar-element .d-menu li > a:hover,
.app-bar.green .app-bar-menu > li .d-menu li > a:hover {
  background-color: #128023;
  color: #ffffff;
}
.app-bar.green .app-bar-element .d-menu li:hover > a,
.app-bar.green .app-bar-menu > li .d-menu li:hover > a {
  background-color: #128023;
}
.app-bar.green .app-bar-element .d-menu .divider,
.app-bar.green .app-bar-menu > li .d-menu .divider {
  background-color: #7ad61d;
}
.app-bar.green .app-bar-element .d-menu .divider:hover,
.app-bar.green .app-bar-menu > li .d-menu .divider:hover {
  background-color: #7ad61d;
}
.app-bar.green .app-bar-element .dropdown-toggle:before,
.app-bar.green .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.green .app-bar-element.disabled,
.app-bar.green .app-bar-menu li.disabled,
.app-bar.green .app-bar-element:disabled,
.app-bar.green .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.green .app-bar-element.disabled a,
.app-bar.green .app-bar-menu li.disabled a,
.app-bar.green .app-bar-element:disabled a,
.app-bar.green .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.green .app-bar-pullbutton:hover {
  background-color: #128023;
}
.app-bar.green .app-bar-drop-container {
  border: 2px solid #60a917;
  background-color: #60a917;
  color: #ffffff;
}
.app-bar.green .app-bar-drop-container:before {
  background-color: #60a917;
  border-color: #60a917;
}
.app-bar.green .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #7ad61d;
  background-color: #7ad61d;
}
.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #60a917;
}
.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #128023;
  color: #ffffff;
}
.app-bar.orange {
  background-color: #fa6800;
}
.app-bar.orange .app-bar-element:hover,
.app-bar.orange .app-bar-menu > li:hover,
.app-bar.orange .app-bar-menu > li > a:hover,
.app-bar.orange .app-bar-element:active,
.app-bar.orange .app-bar-menu > li:active,
.app-bar.orange .app-bar-menu > li > a:active {
  background-color: #bf5a15;
}
.app-bar.orange .app-bar-divider {
  background-color: #ffc194;
}
.app-bar.orange .app-bar-element .d-menu,
.app-bar.orange .app-bar-menu > li .d-menu {
  background-color: #fa6800;
  border-color: transparent;
}
.app-bar.orange .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.orange .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.orange .app-bar-element .d-menu li > a,
.app-bar.orange .app-bar-menu > li .d-menu li > a {
  background-color: #fa6800;
  color: #ffffff;
}
.app-bar.orange .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.orange .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.orange .app-bar-element .d-menu li > a:hover,
.app-bar.orange .app-bar-menu > li .d-menu li > a:hover {
  background-color: #bf5a15;
  color: #ffffff;
}
.app-bar.orange .app-bar-element .d-menu li:hover > a,
.app-bar.orange .app-bar-menu > li .d-menu li:hover > a {
  background-color: #bf5a15;
}
.app-bar.orange .app-bar-element .d-menu .divider,
.app-bar.orange .app-bar-menu > li .d-menu .divider {
  background-color: #ffc194;
}
.app-bar.orange .app-bar-element .d-menu .divider:hover,
.app-bar.orange .app-bar-menu > li .d-menu .divider:hover {
  background-color: #ffc194;
}
.app-bar.orange .app-bar-element .dropdown-toggle:before,
.app-bar.orange .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.orange .app-bar-element.disabled,
.app-bar.orange .app-bar-menu li.disabled,
.app-bar.orange .app-bar-element:disabled,
.app-bar.orange .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.orange .app-bar-element.disabled a,
.app-bar.orange .app-bar-menu li.disabled a,
.app-bar.orange .app-bar-element:disabled a,
.app-bar.orange .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.orange .app-bar-pullbutton:hover {
  background-color: #bf5a15;
}
.app-bar.orange .app-bar-drop-container {
  border: 2px solid #fa6800;
  background-color: #fa6800;
  color: #ffffff;
}
.app-bar.orange .app-bar-drop-container:before {
  background-color: #fa6800;
  border-color: #fa6800;
}
.app-bar.orange .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #ffc194;
  background-color: #ffc194;
}
.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #fa6800;
}
.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #bf5a15;
  color: #ffffff;
}
/*
* params: name, background, backgroundHover, item, itemHover, itemDisabled, divider, dropdown-toggle
*/
.v-menu.darcula,
.d-menu.darcula {
  background: #3C3F41;
}
.v-menu.darcula li > a,
.d-menu.darcula li > a {
  background: #3C3F41;
  color: #ffffff;
}
.v-menu.darcula li > a .icon,
.d-menu.darcula li > a .icon {
  color: #cccccc;
}
.v-menu.darcula li > a:hover,
.d-menu.darcula li > a:hover {
  background: #1d1d1d;
  color: #ffffff;
}
.v-menu.darcula li > a:hover .icon,
.d-menu.darcula li > a:hover .icon {
  color: #ffffff;
}
.v-menu.darcula li > .item-block,
.d-menu.darcula li > .item-block {
  background: #484c4e;
}
.v-menu.darcula li.disabled > a,
.d-menu.darcula li.disabled > a {
  background: #3C3F41;
  color: #555555;
}
.v-menu.darcula li > a.dropdown-toggle:before,
.d-menu.darcula li > a.dropdown-toggle:before {
  border-color: #ffffff;
}
.v-menu.darcula li.menu-title,
.d-menu.darcula li.menu-title {
  background: #303234;
  color: #cccccc;
}
.v-menu.darcula li.divider,
.d-menu.darcula li.divider {
  background: #616162;
}
.v-menu.pink,
.d-menu.pink {
  background: #dc4fad;
}
.v-menu.pink li > a,
.d-menu.pink li > a {
  background: #dc4fad;
  color: #ffffff;
}
.v-menu.pink li > a .icon,
.d-menu.pink li > a .icon {
  color: #cccccc;
}
.v-menu.pink li > a:hover,
.d-menu.pink li > a:hover {
  background: #9a165a;
  color: #ffffff;
}
.v-menu.pink li > a:hover .icon,
.d-menu.pink li > a:hover .icon {
  color: #ffffff;
}
.v-menu.pink li > .item-block,
.d-menu.pink li > .item-block {
  background: #e064b7;
}
.v-menu.pink li.disabled > a,
.d-menu.pink li.disabled > a {
  background: #dc4fad;
  color: #555555;
}
.v-menu.pink li > a.dropdown-toggle:before,
.d-menu.pink li > a.dropdown-toggle:before {
  border-color: #ffffff;
}
.v-menu.pink li.menu-title,
.d-menu.pink li.menu-title {
  background: #d83aa3;
  color: #cccccc;
}
.v-menu.pink li.divider,
.d-menu.pink li.divider {
  background: #f472d0;
}
.v-menu.navy,
.d-menu.navy {
  background: #0072C6;
}
.v-menu.navy li > a,
.d-menu.navy li > a {
  background: #0072C6;
  color: #ffffff;
}
.v-menu.navy li > a .icon,
.d-menu.navy li > a .icon {
  color: #cccccc;
}
.v-menu.navy li > a:hover,
.d-menu.navy li > a:hover {
  background: #005696;
  color: #ffffff;
}
.v-menu.navy li > a:hover .icon,
.d-menu.navy li > a:hover .icon {
  color: #ffffff;
}
.v-menu.navy li > .item-block,
.d-menu.navy li > .item-block {
  background: #0081e0;
}
.v-menu.navy li.disabled > a,
.d-menu.navy li.disabled > a {
  background: #0072C6;
  color: #555555;
}
.v-menu.navy li > a.dropdown-toggle:before,
.d-menu.navy li > a.dropdown-toggle:before {
  border-color: #ffffff;
}
.v-menu.navy li.menu-title,
.d-menu.navy li.menu-title {
  background: #0063ad;
  color: #cccccc;
}
.v-menu.navy li.divider,
.d-menu.navy li.divider {
  background: #4C9CD7;
}
.v-menu.red,
.d-menu.red {
  background: #CE352C;
}
.v-menu.red li > a,
.d-menu.red li > a {
  background: #CE352C;
  color: #ffffff;
}
.v-menu.red li > a .icon,
.d-menu.red li > a .icon {
  color: #cccccc;
}
.v-menu.red li > a:hover,
.d-menu.red li > a:hover {
  background: #9a1616;
  color: #ffffff;
}
.v-menu.red li > a:hover .icon,
.d-menu.red li > a:hover .icon {
  color: #ffffff;
}
.v-menu.red li > .item-block,
.d-menu.red li > .item-block {
  background: #d6463e;
}
.v-menu.red li.disabled > a,
.d-menu.red li.disabled > a {
  background: #CE352C;
  color: #555555;
}
.v-menu.red li > a.dropdown-toggle:before,
.d-menu.red li > a.dropdown-toggle:before {
  border-color: #ffffff;
}
.v-menu.red li.menu-title,
.d-menu.red li.menu-title {
  background: #b93028;
  color: #cccccc;
}
.v-menu.red li.divider,
.d-menu.red li.divider {
  background: #da5a53;
}
.v-menu.green,
.d-menu.green {
  background: #60a917;
}
.v-menu.green li > a,
.d-menu.green li > a {
  background: #60a917;
  color: #ffffff;
}
.v-menu.green li > a .icon,
.d-menu.green li > a .icon {
  color: #cccccc;
}
.v-menu.green li > a:hover,
.d-menu.green li > a:hover {
  background: #128023;
  color: #ffffff;
}
.v-menu.green li > a:hover .icon,
.d-menu.green li > a:hover .icon {
  color: #ffffff;
}
.v-menu.green li > .item-block,
.d-menu.green li > .item-block {
  background: #6dbf1a;
}
.v-menu.green li.disabled > a,
.d-menu.green li.disabled > a {
  background: #60a917;
  color: #555555;
}
.v-menu.green li > a.dropdown-toggle:before,
.d-menu.green li > a.dropdown-toggle:before {
  border-color: #ffffff;
}
.v-menu.green li.menu-title,
.d-menu.green li.menu-title {
  background: #539314;
  color: #cccccc;
}
.v-menu.green li.divider,
.d-menu.green li.divider {
  background: #7ad61d;
}
.v-menu.orange,
.d-menu.orange {
  background: #fa6800;
}
.v-menu.orange li > a,
.d-menu.orange li > a {
  background: #fa6800;
  color: #ffffff;
}
.v-menu.orange li > a .icon,
.d-menu.orange li > a .icon {
  color: #cccccc;
}
.v-menu.orange li > a:hover,
.d-menu.orange li > a:hover {
  background: #bf5a15;
  color: #ffffff;
}
.v-menu.orange li > a:hover .icon,
.d-menu.orange li > a:hover .icon {
  color: #ffffff;
}
.v-menu.orange li > .item-block,
.d-menu.orange li > .item-block {
  background: #ff7615;
}
.v-menu.orange li.disabled > a,
.d-menu.orange li.disabled > a {
  background: #fa6800;
  color: #555555;
}
.v-menu.orange li > a.dropdown-toggle:before,
.d-menu.orange li > a.dropdown-toggle:before {
  border-color: #ffffff;
}
.v-menu.orange li.menu-title,
.d-menu.orange li.menu-title {
  background: #e15d00;
  color: #cccccc;
}
.v-menu.orange li.divider,
.d-menu.orange li.divider {
  background: #ffc194;
}
/*
* params: name, background, backgroundHover, item, itemHover, itemDisabled, divider, dropdown-toggle
*/
.t-menu.darcula {
  background-color: #3C3F41;
}
.t-menu.darcula .t-menu {
  background-color: #3C3F41;
}
.t-menu.darcula li > a {
  background: #3C3F41;
  color: #ffffff;
  border-bottom-color: #616162;
}
.t-menu.darcula li > a.dropdown-toggle:after,
.t-menu.darcula li > a.dropdown-toggle:hover:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.darcula li:hover > a {
  background: #1d1d1d;
  color: #ffffff;
}
.t-menu.darcula li:hover > a.dropdown-toggle:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.darcula li.disabled > a {
  background: #3C3F41;
  color: #555555;
}
.t-menu.darcula li.disabled > a:hover {
  background: #3C3F41;
}
.t-menu.darcula.horizontal > li > a,
.t-menu.darcula .horizontal > li > a {
  border-right-color: #616162;
}
.t-menu.pink {
  background-color: #dc4fad;
}
.t-menu.pink .t-menu {
  background-color: #dc4fad;
}
.t-menu.pink li > a {
  background: #dc4fad;
  color: #ffffff;
  border-bottom-color: #f472d0;
}
.t-menu.pink li > a.dropdown-toggle:after,
.t-menu.pink li > a.dropdown-toggle:hover:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.pink li:hover > a {
  background: #9a165a;
  color: #ffffff;
}
.t-menu.pink li:hover > a.dropdown-toggle:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.pink li.disabled > a {
  background: #dc4fad;
  color: #555555;
}
.t-menu.pink li.disabled > a:hover {
  background: #dc4fad;
}
.t-menu.pink.horizontal > li > a,
.t-menu.pink .horizontal > li > a {
  border-right-color: #f472d0;
}
.t-menu.navy {
  background-color: #0072C6;
}
.t-menu.navy .t-menu {
  background-color: #0072C6;
}
.t-menu.navy li > a {
  background: #0072C6;
  color: #ffffff;
  border-bottom-color: #4C9CD7;
}
.t-menu.navy li > a.dropdown-toggle:after,
.t-menu.navy li > a.dropdown-toggle:hover:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.navy li:hover > a {
  background: #005696;
  color: #ffffff;
}
.t-menu.navy li:hover > a.dropdown-toggle:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.navy li.disabled > a {
  background: #0072C6;
  color: #555555;
}
.t-menu.navy li.disabled > a:hover {
  background: #0072C6;
}
.t-menu.navy.horizontal > li > a,
.t-menu.navy .horizontal > li > a {
  border-right-color: #4C9CD7;
}
.t-menu.red {
  background-color: #CE352C;
}
.t-menu.red .t-menu {
  background-color: #CE352C;
}
.t-menu.red li > a {
  background: #CE352C;
  color: #ffffff;
  border-bottom-color: #da5a53;
}
.t-menu.red li > a.dropdown-toggle:after,
.t-menu.red li > a.dropdown-toggle:hover:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.red li:hover > a {
  background: #9a1616;
  color: #ffffff;
}
.t-menu.red li:hover > a.dropdown-toggle:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.red li.disabled > a {
  background: #CE352C;
  color: #555555;
}
.t-menu.red li.disabled > a:hover {
  background: #CE352C;
}
.t-menu.red.horizontal > li > a,
.t-menu.red .horizontal > li > a {
  border-right-color: #da5a53;
}
.t-menu.green {
  background-color: #60a917;
}
.t-menu.green .t-menu {
  background-color: #60a917;
}
.t-menu.green li > a {
  background: #60a917;
  color: #ffffff;
  border-bottom-color: #7ad61d;
}
.t-menu.green li > a.dropdown-toggle:after,
.t-menu.green li > a.dropdown-toggle:hover:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.green li:hover > a {
  background: #128023;
  color: #ffffff;
}
.t-menu.green li:hover > a.dropdown-toggle:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.green li.disabled > a {
  background: #60a917;
  color: #555555;
}
.t-menu.green li.disabled > a:hover {
  background: #60a917;
}
.t-menu.green.horizontal > li > a,
.t-menu.green .horizontal > li > a {
  border-right-color: #7ad61d;
}
.t-menu.orange {
  background-color: #fa6800;
}
.t-menu.orange .t-menu {
  background-color: #fa6800;
}
.t-menu.orange li > a {
  background: #fa6800;
  color: #ffffff;
  border-bottom-color: #ffc194;
}
.t-menu.orange li > a.dropdown-toggle:after,
.t-menu.orange li > a.dropdown-toggle:hover:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.orange li:hover > a {
  background: #bf5a15;
  color: #ffffff;
}
.t-menu.orange li:hover > a.dropdown-toggle:after {
  border-color: transparent transparent #ffffff;
}
.t-menu.orange li.disabled > a {
  background: #fa6800;
  color: #555555;
}
.t-menu.orange li.disabled > a:hover {
  background: #fa6800;
}
.t-menu.orange.horizontal > li > a,
.t-menu.orange .horizontal > li > a {
  border-right-color: #ffc194;
}
/*
* params: name, background, backgroundHover, backgroundActive, item, itemHover, itemActive, itemDisabled
*/
.sidebar.darcula {
  background: #3C3F41;
}
.sidebar.darcula li > a {
  background: #3C3F41;
  color: #ffffff;
}
.sidebar.darcula li:hover > a {
  background: #4d5154;
  color: #ffffff;
}
.sidebar.darcula li.active > a {
  background: #1d1d1d;
  color: #ffffff;
}
.sidebar.darcula li.disabled > a {
  background: #3C3F41;
  color: #555555;
}
.sidebar.pink {
  background: #dc4fad;
}
.sidebar.pink li > a {
  background: #dc4fad;
  color: #ffffff;
}
.sidebar.pink li:hover > a {
  background: #b91a6c;
  color: #ffffff;
}
.sidebar.pink li.active > a {
  background: #9a165a;
  color: #ffffff;
}
.sidebar.pink li.disabled > a {
  background: #dc4fad;
  color: #555555;
}
.sidebar.navy {
  background: #0072C6;
}
.sidebar.navy li > a {
  background: #0072C6;
  color: #ffffff;
}
.sidebar.navy li:hover > a {
  background: #006aba;
  color: #ffffff;
}
.sidebar.navy li.active > a {
  background: #005696;
  color: #ffffff;
}
.sidebar.navy li.disabled > a {
  background: #0072C6;
  color: #555555;
}
.sidebar.red {
  background: #CE352C;
}
.sidebar.red li > a {
  background: #CE352C;
  color: #ffffff;
}
.sidebar.red li:hover > a {
  background: #b91a1a;
  color: #ffffff;
}
.sidebar.red li.active > a {
  background: #9a1616;
  color: #ffffff;
}
.sidebar.red li.disabled > a {
  background: #CE352C;
  color: #555555;
}
.sidebar.green {
  background: #60a917;
}
.sidebar.green li > a {
  background: #60a917;
  color: #ffffff;
}
.sidebar.green li:hover > a {
  background: #169f2c;
  color: #ffffff;
}
.sidebar.green li.active > a {
  background: #128023;
  color: #ffffff;
}
.sidebar.green li.disabled > a {
  background: #60a917;
  color: #555555;
}
.sidebar.orange {
  background: #fa6800;
}
.sidebar.orange li > a {
  background: #fa6800;
  color: #ffffff;
}
.sidebar.orange li:hover > a {
  background: #df6919;
  color: #ffffff;
}
.sidebar.orange li.active > a {
  background: #bf5a15;
  color: #ffffff;
}
.sidebar.orange li.disabled > a {
  background: #fa6800;
  color: #555555;
}
/*
* params: name, background, backgroundHover, backgroundActive, item, itemHover, itemActive, itemDisabled
*/
.calendar.darcula {
  background: #3C3F41;
}
.calendar.darcula a {
  color: #ffffff;
}
.calendar.darcula a:hover {
  background: #4d5154;
  color: #ffffff;
}
.calendar.darcula .calendar-header {
  background: #3C3F41;
}
.calendar.darcula .today a {
  background-color: #fa6800;
}
.calendar.darcula .day,
.calendar.darcula .month,
.calendar.darcula .year {
  border-color: #4d5154;
}
.calendar.darcula .other-day {
  background: #555555;
  border-color: #555555;
}
.calendar.darcula .day-of-week {
  color: #ffffff;
}
.calendar.darcula .calendar-actions .calendar-btn-today {
  background: #1d1d1d;
  border-color: #1d1d1d;
}
.calendar.darcula .calendar-actions .calendar-btn-today:active {
  background: #030303;
}
.calendar.darcula .calendar-actions .calendar-btn-clear {
  background: transparent;
  border-color: transparent;
}
.calendar.pink {
  background: #dc4fad;
}
.calendar.pink a {
  color: #ffffff;
}
.calendar.pink a:hover {
  background: #b91a6c;
  color: #ffffff;
}
.calendar.pink .calendar-header {
  background: #dc4fad;
}
.calendar.pink .today a {
  background-color: #fa6800;
}
.calendar.pink .day,
.calendar.pink .month,
.calendar.pink .year {
  border-color: #b91a6c;
}
.calendar.pink .other-day {
  background: #f472d0;
  border-color: #f472d0;
}
.calendar.pink .day-of-week {
  color: #ffffff;
}
.calendar.pink .calendar-actions .calendar-btn-today {
  background: #9a165a;
  border-color: #9a165a;
}
.calendar.pink .calendar-actions .calendar-btn-today:active {
  background: #6d1040;
}
.calendar.pink .calendar-actions .calendar-btn-clear {
  background: transparent;
  border-color: transparent;
}
.calendar.navy {
  background: #0072C6;
}
.calendar.navy a {
  color: #ffffff;
}
.calendar.navy a:hover {
  background: #006aba;
  color: #ffffff;
}
.calendar.navy .calendar-header {
  background: #0072C6;
}
.calendar.navy .today a {
  background-color: #fa6800;
}
.calendar.navy .day,
.calendar.navy .month,
.calendar.navy .year {
  border-color: #006aba;
}
.calendar.navy .other-day {
  background: #59cde2;
  border-color: #59cde2;
}
.calendar.navy .day-of-week {
  color: #ffffff;
}
.calendar.navy .calendar-actions .calendar-btn-today {
  background: #16499a;
  border-color: #16499a;
}
.calendar.navy .calendar-actions .calendar-btn-today:active {
  background: #10346d;
}
.calendar.navy .calendar-actions .calendar-btn-clear {
  background: transparent;
  border-color: transparent;
}
.calendar.red {
  background: #CE352C;
}
.calendar.red a {
  color: #ffffff;
}
.calendar.red a:hover {
  background: #b91a1a;
  color: #ffffff;
}
.calendar.red .calendar-header {
  background: #CE352C;
}
.calendar.red .today a {
  background-color: #fa6800;
}
.calendar.red .day,
.calendar.red .month,
.calendar.red .year {
  border-color: #b91a1a;
}
.calendar.red .other-day {
  background: #da5a53;
  border-color: #da5a53;
}
.calendar.red .day-of-week {
  color: #ffffff;
}
.calendar.red .calendar-actions .calendar-btn-today {
  background: #9a1616;
  border-color: #9a1616;
}
.calendar.red .calendar-actions .calendar-btn-today:active {
  background: #6d1010;
}
.calendar.red .calendar-actions .calendar-btn-clear {
  background: transparent;
  border-color: transparent;
}
.calendar.green {
  background: #60a917;
}
.calendar.green a {
  color: #ffffff;
}
.calendar.green a:hover {
  background: #169f2c;
  color: #ffffff;
}
.calendar.green .calendar-header {
  background: #60a917;
}
.calendar.green .today a {
  background-color: #fa6800;
}
.calendar.green .day,
.calendar.green .month,
.calendar.green .year {
  border-color: #169f2c;
}
.calendar.green .other-day {
  background: #7ad61d;
  border-color: #7ad61d;
}
.calendar.green .day-of-week {
  color: #ffffff;
}
.calendar.green .calendar-actions .calendar-btn-today {
  background: #128023;
  border-color: #128023;
}
.calendar.green .calendar-actions .calendar-btn-today:active {
  background: #0c5317;
}
.calendar.green .calendar-actions .calendar-btn-clear {
  background: transparent;
  border-color: transparent;
}
.calendar.orange {
  background: #fa6800;
}
.calendar.orange a {
  color: #ffffff;
}
.calendar.orange a:hover {
  background: #df6919;
  color: #ffffff;
}
.calendar.orange .calendar-header {
  background: #fa6800;
}
.calendar.orange .today a {
  background-color: #fa6800;
}
.calendar.orange .day,
.calendar.orange .month,
.calendar.orange .year {
  border-color: #df6919;
}
.calendar.orange .other-day {
  background: #ffc194;
  border-color: #ffc194;
}
.calendar.orange .day-of-week {
  color: #ffffff;
}
.calendar.orange .calendar-actions .calendar-btn-today {
  background: #bf5a15;
  border-color: #bf5a15;
}
.calendar.orange .calendar-actions .calendar-btn-today:active {
  background: #914410;
}
.calendar.orange .calendar-actions .calendar-btn-clear {
  background: transparent;
  border-color: transparent;
}

.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}


/*# sourceMappingURL=styles.f5936893d7bf40933d34.css.map*/