@charset "UTF-8";
/* ===========================
   Theme definitions
   =========================== */
/* ===========================
/* ===========================
   Theme definitions
   =========================== */
/* grid colors based on okapion design */
/* ===========================
   Mixins
   =========================== */
/* ===========================
   Variables
   =========================== */
/* font: font-style font-variant font-weight font-size/line-height font-family;*/
/* Paths */
/* Images */
@font-face {
  font-family: 'Roboto-Regular';
  src: url("../ultimo.framework.web/assets/webfonts/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../ultimo.framework.web/assets/webfonts/roboto/Roboto-Regular-webfont.svg#Roboto-Regular") format("svg"), url("../ultimo.framework.web/assets/webfonts/roboto/Roboto-Regular-webfont.eot"), url("../ultimo.framework.web/assets/webfonts/roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans Condensed Light';
  src: url("../ultimo.framework.web/assets/webfonts/opensans/opensans-condlight-webfont.woff") format("woff"), url("../ultimo.framework.web/assets/webfonts/opensans/opensans-condlight-webfont.svg#open_sanscondensed_light") format("svg"), url("../ultimo.framework.web/assets/webfonts/opensans/opensans-condlight-webfont.eot"), url("../ultimo.framework.web/assets/webfonts/opensans/opensans-condlight-webfont.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans Regular';
  src: url("../ultimo.framework.web/assets/webfonts/opensans/opensans-regular-webfont.woff") format("woff"), url("../ultimo.framework.web/assets/webfonts/opensans/opensans-regular-webfont.svg#open_sansregular") format("svg"), url("../ultimo.framework.web/assets/webfonts/opensans/opensans-regular-webfont.ttf") format("truetype"), url("../ultimo.framework.web/assets/webfonts/opensans/opensans-regular-webfont.eot"), url("../ultimo.framework.web/assets/webfonts/opensans/opensans-regular-webfont.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }

body {
  background-color: #e6eef6;
  color: #000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

input, textarea, keygen, select {
  border: 1px solid #86A8C9;
  background-color: #fff;
  color: #000; }

.is-invalid,
:required:invalid {
  box-shadow: inset 3px 0px 0px 0px #d8132b;
  padding-left: 4px; }

BUTTON,
INPUT[type=button],
INPUT[type=submit] {
  cursor: pointer; }

.clsButton {
  background-color: #034885;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 0 5px;
  height: 20px !important;
  text-decoration: none; }
  .clsButton:hover {
    color: #fff;
    background-color: #f68338; }
  .clsButton.clsButtonDisabled {
    color: #ebebeb !important;
    background-color: #999 !important;
    cursor: default !important; }
  .clsButton a {
    color: #fff; }
  .clsButton .left {
    width: 5px;
    left: 0; }
  .clsButton .right {
    width: 5px;
    right: 0; }
  .clsButton .middle {
    position: relative;
    width: 100%;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    margin: 0;
    font: 12px "Open Sans Regular", "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 20px; }

/** Buttons *********************************************************/
.clsDefaultDialog .clsButton {
  margin: 0 0 0 4px;
  /* margin-left -> spacing between buttons */
  overflow: visible;
  /* width: auto only works in ie when overflow is set to visible */
  cursor: pointer;
  min-width: 85px;
  width: auto !important;
  height: 20px; }
  .clsDefaultDialog .clsButton span {
    /* width: 100%;  set min. width */
    height: 100%;
    white-space: nowrap;
    /* disable multi-line text */
    text-align: center;
    /* use text-align: left for buttons with images; otherwise use text-align: center */
    vertical-align: bottom;
    /* overflow: hidden; set overflow: hidden to respect width; remove if width only indicates minimum width */ }
    .clsDefaultDialog .clsButton span img {
      vertical-align: top;
      margin-right: 2px; }
  .clsDefaultDialog .clsButton .middle {
    min-width: 85px; }

.SelectButtonContainer .clsButton {
  display: inline-block; }

.clsDialogRight .clsButton {
  display: inline-block;
  width: auto !important;
  min-width: 85px; }

.clsSelectEmployeePanelButtons a.clsSmallImgBtn {
  font-family: 'ultimo-system';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  color: #86A8C9;
  background-color: transparent;
  width: 14px !important;
  height: 14px !important;
  margin-bottom: 10px;
  border: 1px solid transparent;
  text-align: center;
  text-decoration: none;
  display: block;
  cursor: pointer;
  padding: 0; }
  .clsSelectEmployeePanelButtons a.clsSmallImgBtn:hover {
    color: #f68338; }
  .clsSelectEmployeePanelButtons a.clsSmallImgBtn.next:before {
    content: ""; }
  .clsSelectEmployeePanelButtons a.clsSmallImgBtn.next2:before {
    content: ""; }
  .clsSelectEmployeePanelButtons a.clsSmallImgBtn.previous:before {
    content: ""; }
  .clsSelectEmployeePanelButtons a.clsSmallImgBtn.previous2:before {
    content: ""; }

#divLoginFormContent .clsButton {
  width: 144px;
  float: right; }

.clsReservationLayoutTable .clsReservationInnerTable .clsButton {
  display: inline-block;
  width: 145px; }

.clsCheckboxSpan {
  display: inline-block; }

.clsCheckboxSpan .clsEditBgDisabled, .clsRadioSpan .clsEditBgDisabled {
  background-color: transparent; }

.clsRadioSpan div, .clsCheckboxSpan div {
  color: #02325d;
  white-space: nowrap;
  padding-right: 2px; }

.clsRadioSpan, .clsCheckboxSpan {
  cursor: default; }

.clsRadioSpan {
  padding-top: 1px; }

.clsCheckboxSpan {
  padding-top: 2px; }

input[type="checkbox"].clsCheckBox, input[type="radio"].clsRadioButton {
  display: none; }
  input[type="checkbox"].clsCheckBox ~ div > label, input[type="radio"].clsRadioButton ~ div > label {
    cursor: pointer;
    display: inline-block; }
  input[type="checkbox"].clsCheckBox ~ div > label:before, input[type="radio"].clsRadioButton ~ div > label:before {
    font-family: 'ultimo-system';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    line-height: 1;
    margin: 0 .25em 0 0;
    padding: 0;
    vertical-align: top;
    height: 16px;
    width: 16px;
    font-size: 16px; }
  input[type="checkbox"].clsCheckBox[readonly] ~ div > label, input[type="checkbox"].clsCheckBox[readonly]:checked ~ div > label, input[type="checkbox"].clsCheckBox[disabled] ~ div > label, input[type="checkbox"].clsCheckBox[disabled]:checked ~ div > label, input[type="radio"].clsRadioButton[readonly] ~ div > label, input[type="radio"].clsRadioButton[readonly]:checked ~ div > label, input[type="radio"].clsRadioButton[disabled] ~ div > label, input[type="radio"].clsRadioButton[disabled]:checked ~ div > label {
    cursor: default; }
  input[type="checkbox"].clsCheckBox[readonly] ~ div > label:before, input[type="checkbox"].clsCheckBox[disabled] ~ div > label:before, input[type="radio"].clsRadioButton[readonly] ~ div > label:before, input[type="radio"].clsRadioButton[disabled] ~ div > label:before {
    cursor: default;
    background-color: #e6eef6;
    border-color: #86A8C9; }

input[type="radio"].clsRadioButton ~ div > label:before {
  border-radius: 50%; }

input[type="checkbox"].clsCheckBox ~ div, input[type="radio"].clsRadioButton ~ div {
  display: inline-block;
  position: relative; }

input[type="checkbox"].clsCheckBox:not(:checked) ~ div > label[data-icon="border"]:before {
  content: "";
  color: #86A8C9; }

input[type="radio"].clsRadioButton:not(:checked) ~ div > label[data-icon="border"]:before {
  content: "";
  color: #86A8C9;
  display: inline-block; }

input[type="checkbox"].clsCheckBox:checked ~ div > label[data-icon="border"]:before {
  content: "";
  color: #86A8C9;
  display: inline-block; }

input[type="checkbox"].clsCheckBox:checked ~ div > label[data-icon="fill"]:before {
  content: "";
  color: #02325d;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent; }

input[type="radio"].clsRadioButton:checked ~ div > label[data-icon="border"]:before {
  content: "";
  color: #86A8C9;
  display: inline-block; }

input[type="radio"].clsRadioButton:checked ~ div > label[data-icon="fill"]:before {
  content: "";
  color: #02325d;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent; }

.clsGridCellDisabled > input[type="checkbox"].clsCheckBox ~ div > label:before, .clsGridCellDisabled > input[type="radio"].clsRadioButton ~ div > label:before {
  cursor: default;
  background-color: #e6eef6;
  border-color: #86A8C9; }

.clsDatePicker {
  border: 1px solid #e6eef6;
  background-color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.clsDatePicker .clsWeekend,
.clsDatePicker .clsDay {
  color: #000; }

.clsDatePicker .clsDay {
  border-color: #fff; }

.clsDatePicker .clsWeekend {
  background-color: #ebebeb;
  border-color: #ebebeb; }

.clsDatePicker .clsDpGridHeader .clsDayNames TD {
  border-bottom: 1px solid #e6eef6; }

.clsDatePicker .clsWeekNumber {
  color: #999;
  border-right: 1px solid #e6eef6; }

.clsDatePicker .clsOtherMonth {
  color: #999 !important; }

.clsDatePicker .clsToday {
  border-color: #f68338 !important; }

.clsDatePicker .clsTodayLink {
  color: #666; }

.clsDatePicker .clsDay {
  border: 1px solid transparent; }

.clsDatePicker .clsSelectedDay {
  border: 1px solid #f68338;
  color: #f68338; }

.clsDatePicker .clsDay:hover {
  background: #f68338;
  color: #fff !important; }

.clsDatePicker .clsDpHeader {
  background: #86A8C9; }

.clsDatePicker .clsDpGrid .clsHover {
  background-color: #f68338; }

.clsDatePicker td .topLabel {
  color: #fff;
  cursor: default; }

.clsDatePicker .clsPrev {
  background: url("../Images/System/arrow.left.png") no-repeat center center transparent;
  border: 0; }

.clsDatePicker .clsNext {
  background: url("../Images/System/arrow.right.png") no-repeat center center transparent;
  border: 0; }

.clsDatePicker .clsNextYr {
  background: url("../Images/System/arrow.yr.right.png") no-repeat center center transparent;
  border: 0; }

.clsDatePicker .clsPrevYr {
  background: url("../Images/System/arrow.yr.left.png") no-repeat center center transparent;
  border: 0; }

.clsDatePicker {
  width: 186px;
  cursor: default; }

.clsDatePicker .clsWeekend, .clsDatePicker .clsDay {
  text-align: right; }

.clsDatePicker .clsDpGridHeader .clsDayNames TD {
  text-align: right; }

.clsDatePicker .clsWeekNumber {
  font-size: 9px; }

.clsDatePicker .clsToday {
  font-weight: bold; }

.clsDatePicker .clsTodayLink {
  text-decoration: underline;
  cursor: pointer; }

.clsDatePicker .clsDpHeader {
  padding: 5px 1px; }

.clsDatePicker .clsDpGridHeader TD, .clsDatePicker .clsDpGrid TD {
  width: 12.5%;
  text-align: right;
  padding: 2px 4px 2px 0; }

.clsDatePicker .clsDpHeader, .clsDatePicker .clsDpGrid, .clsDatePicker .clsDpGridHeader, .clsDatePicker .clsDpTime {
  width: 100%; }

.clsDatePicker .clsDpTime {
  margin: 15px 0; }

.clsDatePicker .clsDpTime TD {
  text-align: center;
  vertical-align: middle; }

.clsDatePicker .clsDpTime TD DIV {
  left: 50%;
  margin-left: -28px; }

.clsDatePicker .clsDpFooter {
  text-align: center; }

.clsDatePicker .clsDpFooter button {
  margin: 4px 2px; }

.clsDatePicker td.labelContainer {
  width: 100%;
  text-align: center; }

.clsDatePicker td .topLabel {
  display: block;
  width: 100%;
  text-decoration: none; }

.clsDatePicker .clsCancel, .clsDatePicker .clsOk {
  width: 66px;
  background: #034885;
  color: #fff;
  border: 0; }
  .clsDatePicker .clsCancel:hover, .clsDatePicker .clsOk:hover {
    color: #fff;
    background-color: #f68338; }

.clsDatePicker .clsDpHeader button {
  height: 14px;
  width: 14px; }

/* BEGIN Dialog (collect input) */
.clsDialogSelectionList {
  overflow: visible;
  display: block;
  height: 21px; }

.clsDialogSelectionList input {
  float: left;
  width: 115px;
  height: 20px; }

.clsDialogSelectionListButton:before {
  font-family: 'ultimo-system';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #86A8C9;
  content: ""; }

.clsDialogSelectionListButton {
  margin-top: 2px;
  margin-left: 5px;
  float: left;
  width: 19px;
  height: 19px; }

.clsDialogSelectionListButtonEnabled {
  cursor: pointer;
  position: relative; }

.clsDialogSelectionListButtonDisabled {
  cursor: default; }

.clsDialogSelectionListLabel {
  height: 20px;
  overflow: hidden;
  white-space: normal;
  padding-left: 2px;
  margin-top: 1px;
  border: 1px solid #86A8C9;
  background-color: #e6eef6;
  color: #02325d;
  cursor: default; }

.clsDescriptionLabelCollectInput {
  width: 245px;
  max-width: 245px; }

/* END Dialog */
/* BEGIN Edit */
.clsGrid:focus,
.clsEdit INPUT:focus,
.clsCheckboxSpan:focus,
.clsRadioSpan:focus,
.clsEdit .clsText:focus,
.clsEdit .clsFormattedText:focus {
  outline: 2px solid #86A8C9;
  outline-offset: 0; }
  .clsGrid .clsGrid:focus, .clsGrid
  .clsEdit INPUT:focus, .clsGrid
  .clsCheckboxSpan:focus, .clsGrid
  .clsRadioSpan:focus, .clsGrid
  .clsEdit .clsText:focus, .clsGrid
  .clsEdit .clsFormattedText:focus {
    outline: 1px solid #86A8C9; }

.clsGrid.clsActiveGrid {
  outline: 1px solid #86A8C9; }

.clsHtmlEditor:focus,
.clsTextEditor:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: 1px solid #86A8C9; }

.clsEditorToolbar select {
  height: 20px;
  border: 1px solid #86A8C9; }

.clsEdit, .clsEditD {
  height: 20px;
  border: 1px solid #86A8C9; }
  .clsEdit INPUT, .clsEditD INPUT {
    height: 100%;
    width: 100%; }
  .clsEdit input:nth-last-child(3), .clsEditD input:nth-last-child(3) {
    padding-right: 36px; }
  .clsEdit input:nth-last-child(2), .clsEditD input:nth-last-child(2) {
    padding-right: 18px; }
  .clsEdit INPUT,
  .clsEdit TEXTAREA,
  .clsEdit .clsText,
  .clsEdit .clsFormattedText, .clsEditD INPUT,
  .clsEditD TEXTAREA,
  .clsEditD .clsText,
  .clsEditD .clsFormattedText {
    top: 0;
    left: 0;
    cursor: text;
    border: none;
    padding: 0 2px; }
  .clsEdit .clsFormattedText,
  .clsEdit .clsText, .clsEditD .clsFormattedText,
  .clsEditD .clsText {
    margin: 0;
    height: 100%;
    position: relative; }
  .clsEdit TEXTAREA,
  .clsEdit .clsFormattedText,
  .clsEdit .clsText, .clsEditD TEXTAREA,
  .clsEditD .clsFormattedText,
  .clsEditD .clsText {
    word-wrap: break-word;
    overflow: auto;
    resize: none; }
  .clsEdit .clsText, .clsEditD .clsText {
    width: 100%; }
  .clsEdit .clsEditBtn,
  .clsEdit .clsEditBtnD, .clsEditD .clsEditBtn,
  .clsEditD .clsEditBtnD {
    position: absolute; }

.clsEditBgDefault {
  background-color: #fff; }

.clsEditBgDisabled,
.clsEditorToolbar select[disabled] {
  color: #02325d;
  background-color: #e6eef6; }

.clsEditBtn {
  color: #86A8C9; }
  .clsEditBtn:hover {
    color: #f68338; }

.clsEditBtnD {
  color: #ebebeb;
  cursor: default; }
  .clsGrid .clsEditBtnD {
    display: none; }

.clsFieldBtn.clsEditBtnD {
  color: #999; }

.clsBtn1, .clsBtn2, .clsBtn3 {
  font-family: 'ultimo-system';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-decoration: none;
  width: 18px;
  text-align: center;
  top: 50%;
  margin-top: -6px; }

.clsBtn1 {
  right: 0; }

.clsBtn2 {
  right: 18px; }

.clsBtn3 {
  right: 36px; }

.clsShowDlgBtn,
.clsText + .clsBtn1,
.clsFormattedText + .clsBtn1 {
  height: 100%;
  top: 0;
  margin-top: 0;
  padding-top: 5px; }

input[readonly].clsEditBgMand, input[readonly="readonly"].clsEditBgMand {
  background-color: #e6eef6; }

input[readonly].clsEditBgDefault, input[readonly="readonly"].clsEditBgDefault {
  color: #02325d;
  background-color: #e6eef6; }

input[readonly], input[readonly="readonly"],
textarea[readonly], textarea[readonly="readonly"] {
  cursor: default;
  color: #02325d;
  background-color: #e6eef6; }

input[type=radio], input[type=checkbox] {
  background-color: transparent; }

.clsViewBtn:before,
.clsComboBtn:before {
  content: ""; }

.clsShowDlgBtn:before {
  content: ""; }

.clsExplBtn:before {
  content: ""; }

.clsOpenBtn:before {
  content: ""; }

.clsDelBtn:before {
  content: ""; }

.clsCalBtn:before {
  content: ""; }

.clsBrowseBtn:before {
  content: ""; }

.clsGrid .clsEdit .clsText + .clsShowDlgBtn, .clsGrid .clsEdit .clsFormattedText + .clsShowDlgBtn,
.clsGrid .clsEditD .clsText + .clsShowDlgBtn,
.clsGrid .clsEditD .clsFormattedText + .clsShowDlgBtn {
  right: 0;
  display: inherit;
  background-color: #fff; }

.clsEdit .clsText + .clsShowDlgBtn,
.clsEdit .clsFormattedText + .clsShowDlgBtn,
.clsEditD .clsText + .clsShowDlgBtn,
.clsEditD .clsFormattedText + .clsShowDlgBtn {
  right: 16px;
  padding-right: 3px;
  padding-bottom: 5px;
  padding-left: 3px;
  height: 20px;
  background-color: #fff;
  display: none; }

.clsEdit .clsEditBgDisabled + .clsShowDlgBtn,
.clsEdit .clsText[readonly] + .clsShowDlgBtn,
.clsEditD .clsEditBgDisabled + .clsShowDlgBtn,
.clsEditD .clsText[readonly] + .clsShowDlgBtn {
  background-color: #e6eef6;
  display: none; }

.clsEdit:hover .clsShowDlgBtn,
.clsEdit .clsText:hover + .clsShowDlgBtn,
.clsEdit .clsText:focus + .clsShowDlgBtn,
.clsEdit .clsFormattedText:focus + .clsShowDlgBtn,
.clsEditD:hover .clsShowDlgBtn,
.clsEditD .clsText:hover + .clsShowDlgBtn,
.clsEditD .clsText:focus + .clsShowDlgBtn,
.clsEditD .clsFormattedText:focus + .clsShowDlgBtn {
  display: inherit; }

/* END Edit */
.clsImage {
  visibility: hidden;
  margin-left: auto;
  margin-right: auto; }

.clsLabel, .clsEdit, .clsEditD, .clsRadioSpan, .clsCheckboxSpan, .clsGrid, .clsButton, .clsImageContainer, .clsPanel, .clsGroupBox {
  position: relative; }

.clsDeFormPanel .clsLabel, .clsDeFormPanel .clsEdit, .clsDeFormPanel .clsEditD, .clsDeFormPanel .clsRadioSpan, .clsDeFormPanel .clsCheckboxSpan, .clsDeFormPanel .clsMultiPage, .clsDeFormPanel .clsGrid, .clsDeFormPanel .clsButton, .clsDeFormPanel .clsImageContainer, .clsDeFormPanel .clsGroupBox {
  position: absolute; }

.clsDeFormPanel .clsGrid .clsLabel, .clsDeFormPanel .clsGrid .clsEdit, .clsDeFormPanel .clsGrid .clsEditD, .clsDeFormPanel .clsGrid .clsRadioSpan, .clsDeFormPanel .clsGrid .clsCheckboxSpan, .clsDeFormPanel .clsGrid .clsMultiPage, .clsDeFormPanel .clsGrid .clsButton, .clsDeFormPanel .clsGrid .clsImageContainer, .clsDeFormPanel .clsGrid .clsGroupBox {
  position: relative; }

/* BEGIN InfoBox overrides */
.clsPopup .clsScreenControl {
  /* END InfoBox overrides */ }
  .clsPopup .clsScreenControl .clsEditD {
    height: 18px !important;
    padding-left: 2px; }
  .clsPopup .clsScreenControl .clsEditD input {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

.clsFilterPanel {
  background-color: #fff; }

.clsFilterList {
  border: none !important;
  outline-width: 0; }
  .clsFilterList .clsPlain > TABLE {
    width: 100%; }
  .clsFilterList.clsListBox {
    height: auto;
    overflow: hidden; }
  .clsFilterList .clsFilterTable {
    overflow-y: auto; }
  .clsFilterList > ul > .clsListItem {
    color: #02325d;
    height: auto !important;
    position: relative;
    padding: 0;
    /* FilterList Listbox overrides */ }
    .clsFilterList > ul > .clsListItem .clsExpanded {
      height: auto !important; }
    .clsFilterList > ul > .clsListItem.clsActiveItem {
      color: #fff;
      background: #f68338 none; }
    .clsFilterList > ul > .clsListItem.clsExpanded {
      background-color: #d7e5f2;
      color: #02325d; }
      .clsFilterList > ul > .clsListItem.clsExpanded .clsContent {
        display: block;
        background-color: #d7e5f2;
        padding: 4px 16px 8px;
        margin: 0; }
    .clsFilterList > ul > .clsListItem .clsContent {
      display: none; }
    .clsFilterList > ul > .clsListItem .clsSummary {
      display: none; }
    .clsFilterList > ul > .clsListItem.clsHasFilterData .clsSummary {
      display: block;
      padding: 4px 8px 4px 26px;
      margin: 2px 0 0;
      text-overflow: ellipsis;
      overflow: hidden;
      font-style: italic;
      color: #02325d; }
    .clsFilterList > ul > .clsListItem.clsExpanded .clsSummary {
      display: none; }
    .clsFilterList > ul > .clsListItem .clsToggleExpandIcon {
      top: 4px;
      left: 0; }
    .clsFilterList > ul > .clsListItem .clsDeleteIcon {
      font-family: 'ultimo-system';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 6px;
      right: 2px;
      font-size: 10px; }
      .clsFilterList > ul > .clsListItem .clsDeleteIcon:before {
        content: ""; }
    .clsFilterList > ul > .clsListItem .clsFilterLabel {
      /*set height explicitly to fix ie rendering bug*/
      height: 24px;
      display: block;
      padding: 5px 2px 3px 16px; }
      .clsFilterList > ul > .clsListItem .clsFilterLabel.clsFilterOnly {
        color: #999; }
    .clsFilterList > ul > .clsListItem:hover .clsToggleExpandIcon {
      background-position: -16px -80px;
      /* [>] icon */ }
    .clsFilterList > ul > .clsListItem.clsExpanded .clsToggleExpandIcon {
      background-position: 0 -80px;
      /* [v] icon */ }
    .clsFilterList > ul > .clsListItem .clsDeleteIcon {
      visibility: hidden; }
    .clsFilterList > ul > .clsListItem .clsSortContainer {
      position: absolute;
      top: 2px;
      right: 18px;
      height: 20px;
      width: 36px;
      border: 1px dotted transparent;
      border-radius: 3px; }
      .clsFilterList > ul > .clsListItem .clsSortContainer .clsSortSequence {
        position: absolute;
        left: 16px; }
    .clsFilterList > ul > .clsListItem:hover .clsSortContainer {
      border: 1px dotted #999; }
    .clsFilterList > ul > .clsListItem.clsHasSortData:hover .clsSortContainer {
      font-family: 'ultimo-system';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .clsFilterList > ul > .clsListItem.clsHasSortData:hover .clsSortContainer .clsSortSeqUpBtn, .clsFilterList > ul > .clsListItem.clsHasSortData:hover .clsSortContainer .clsSortSeqDnBtn {
        position: absolute;
        display: block;
        right: 0;
        height: 10px; }
      .clsFilterList > ul > .clsListItem.clsHasSortData:hover .clsSortContainer .clsSortSeqUpBtn {
        top: -1px; }
        .clsFilterList > ul > .clsListItem.clsHasSortData:hover .clsSortContainer .clsSortSeqUpBtn:before {
          content: ""; }
      .clsFilterList > ul > .clsListItem.clsHasSortData:hover .clsSortContainer .clsSortSeqDnBtn {
        top: 5px; }
        .clsFilterList > ul > .clsListItem.clsHasSortData:hover .clsSortContainer .clsSortSeqDnBtn:before {
          content: ""; }
    .clsFilterList > ul > .clsListItem .clsSortDirUpIcon,
    .clsFilterList > ul > .clsListItem .clsSortDirDnIcon {
      font-family: 'ultimo-system';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      left: 0;
      top: 2px; }
    .clsFilterList > ul > .clsListItem:hover .clsSummary {
      color: #02325d;
      background-color: #fff; }
    .clsFilterList > ul > .clsListItem:hover .clsSortContainer .clsSortDirUpIcon:before,
    .clsFilterList > ul > .clsListItem.clsHasSortData .clsSortContainer .clsSortDirUpIcon:before {
      content: ""; }
    .clsFilterList > ul > .clsListItem:hover .clsSortContainer .clsSortDirDnIcon:before,
    .clsFilterList > ul > .clsListItem.clsHasSortData .clsSortContainer .clsSortDirDnIcon:before {
      content: ""; }
    .clsFilterList > ul > .clsListItem.clsHasFilterData .clsDeleteIcon {
      visibility: visible; }
  .clsFilterList .clsContent .clsChoices {
    color: #ff00ff; }
    .clsFilterList .clsContent .clsChoices INPUT {
      margin-left: 0; }
    .clsFilterList .clsContent .clsChoices .clsCount,
    .clsFilterList .clsContent .clsChoices LABEL {
      vertical-align: top;
      line-height: 21px; }
    .clsFilterList .clsContent .clsChoices .clsCount {
      color: #999;
      margin-left: 4px;
      font-style: italic; }
  .clsFilterList .clsContent .clsPlain .clsEdit {
    margin-top: 3px;
    margin-bottom: 3px; }
  .clsFilterList .clsContent .clsUnitCombo {
    margin-left: 2px; }

.clsToggleFeatures {
  padding-top: 16px;
  background-color: #fff;
  position: relative;
  cursor: pointer; }
  .clsToggleFeatures .clsToggleFeaturesIcon {
    margin-top: 7px; }
  .clsToggleFeatures .clsToggleFeaturesIcon {
    background: url(../Images/System/filtericons.png) -16px -80px; }
  .clsToggleFeatures.clsExpanded .clsToggleFeaturesIcon {
    background: url(../Images/System/filtericons.png) 0 -80px; }
  .clsToggleFeatures > .clsText {
    padding: 6px 0 6px 16px;
    background-color: #86A8C9;
    color: #fff;
    text-transform: uppercase;
    display: block; }

.clsIcon16 {
  height: 16px;
  width: 16px; }

.clsIcon8 {
  height: 8px;
  width: 8px; }

.clsFilterList .clsIcon8, .clsIcon16 {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  background: url(../Images/System/filtericons.png) no-repeat; }

.clsFilterIcon {
  font-family: 'ultimo-system';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 7px;
  position: absolute;
  right: 2px;
  bottom: 1px; }
  .clsFilterIcon:before {
    content: ""; }

.clsNoFeatures {
  white-space: normal;
  padding-top: 1em;
  text-align: center; }

.clsFilterSelectorContainer .clsFilterSelector {
  padding: 0; }
  .clsFilterSelectorContainer .clsFilterSelector .clsComboboxContainer {
    height: 40px;
    padding: 10px;
    background-color: #e6eef6; }
    .clsFilterSelectorContainer .clsFilterSelector .clsComboboxContainer .clsEdit {
      width: 100%; }
  .clsFilterSelectorContainer .clsFilterSelector .clsToolbar {
    height: 32px;
    padding: 1px 0 1px 9px; }
    .clsFilterSelectorContainer .clsFilterSelector .clsToolbar .clsToolbarButton {
      color: #86A8C9;
      background-color: #fff;
      border-color: transparent; }
      .clsFilterSelectorContainer .clsFilterSelector .clsToolbar .clsToolbarButton:hover {
        color: #f68338;
        background-color: #fff;
        border-color: #f68338; }
      .clsFilterSelectorContainer .clsFilterSelector .clsToolbar .clsToolbarButton:active {
        color: #fff;
        background-color: #f68338;
        border-color: #f68338; }

.clsFilterSelectorContainer .clsFilterTable {
  top: 72px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto; }

.clsTabIcon.clsTabFilterIcon {
  font-family: 'ultimo-system';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .clsTabIcon.clsTabFilterIcon:before {
    content: ""; }

.clsDeFormPanel {
  width: 100%;
  height: 100%;
  position: relative; }

.clsDeFormMinSize {
  min-height: 525px;
  min-width: 725px; }

.clsScreenControl {
  height: 100%;
  width: 100%;
  position: relative; }

#idInputContainer {
  overflow: auto;
  position: absolute; }

#idInputMainPanel {
  min-height: 575px;
  min-width: 680px;
  position: absolute; }

#idListHeaderPanel, #idInputHeaderPanel {
  margin: 0 4px; }

#idListMainPanel {
  margin: 5px 7px; }

#idDataEntryWarningLabel {
  top: 20px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: bold; }

.clsInfoText {
  color: #86A8C9;
  width: 100%;
  background-color: transparent;
  border: none;
  height: 100%; }

.clsErrorText {
  color: #d8132b; }

/* unordered list Table alternative */
.clsULrow {
  clear: both;
  margin: 0;
  list-style: none;
  padding: 0;
  height: 100%; }

.clsLIleft, .clsLIright {
  line-height: 40px;
  display: block;
  text-align: left;
  height: 100%; }

.clsLIleft {
  padding: 0 2px;
  float: left; }
  .clsDialogLayout #idListHeaderPanel .clsLIleft {
    line-height: inherit; }

.clsLIright {
  padding: 0 2px !important;
  float: right;
  margin-right: 2px; }

.clsAlignLeft {
  text-align: left; }

.clsAlignCenter {
  text-align: center; }

.clsAlignRight {
  text-align: right; }

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

/* ie10: remove clear and delete icon
 * Note: this does work in IE10 and above, but not when
 * compatibility mode is activated
 */
::-ms-reveal,
::-ms-clear {
  display: none; }

*::-webkit-input-placeholder {
  font-style: italic; }

*:-moz-placeholder {
  /* FF 4-18 */
  font-style: italic; }

*::-moz-placeholder {
  /* FF 19+ */
  font-style: italic; }

*:-ms-input-placeholder {
  /* IE 10+ */
  font-style: italic; }

TEXTAREA {
  overflow: auto; }

/*
		css row states:
			activerow
			editrow
			none (default)

		cell states:
			clsGridCellDisabled

		input states:
			clsEditBgDisabled
			clsEditBgMand
			readonly (attribute)

		cell types
			link ('view')
			text
			number
			checkbox
				! also in search row (header)
			multiline
				input>div
			filler
			indicator
	*/
.ctlSelectionListGrid.clsGridProtected TD,
.ctlSelectionListGrid TD.clsGridCellDisabled,
.ctlSelectionListGrid TD.clsEditBgDisabled,
.ctlSelectionListGrid TR.clsNoUpdate TD,
.ctlSelectionListGrid TR:not(.clsNewRow) TD.clsKeyColumn,
.ctlEditGrid.clsGridProtected TD,
.ctlEditGrid TD.clsGridCellDisabled,
.ctlEditGrid TD.clsEditBgDisabled,
.ctlEditGrid TR.clsNoUpdate TD,
.ctlEditGrid TR:not(.clsNewRow) TD.clsKeyColumn {
  background-color: inherit !important;
  border-color: transparent !important;
  color: #02325d !important; }
  .ctlSelectionListGrid.clsGridProtected TD .clsCheckboxSpan,
  .ctlSelectionListGrid.clsGridProtected TD input,
  .ctlSelectionListGrid TD.clsGridCellDisabled .clsCheckboxSpan,
  .ctlSelectionListGrid TD.clsGridCellDisabled input,
  .ctlSelectionListGrid TD.clsEditBgDisabled .clsCheckboxSpan,
  .ctlSelectionListGrid TD.clsEditBgDisabled input,
  .ctlSelectionListGrid TR.clsNoUpdate TD .clsCheckboxSpan,
  .ctlSelectionListGrid TR.clsNoUpdate TD input,
  .ctlSelectionListGrid TR:not(.clsNewRow) TD.clsKeyColumn .clsCheckboxSpan,
  .ctlSelectionListGrid TR:not(.clsNewRow) TD.clsKeyColumn input,
  .ctlEditGrid.clsGridProtected TD .clsCheckboxSpan,
  .ctlEditGrid.clsGridProtected TD input,
  .ctlEditGrid TD.clsGridCellDisabled .clsCheckboxSpan,
  .ctlEditGrid TD.clsGridCellDisabled input,
  .ctlEditGrid TD.clsEditBgDisabled .clsCheckboxSpan,
  .ctlEditGrid TD.clsEditBgDisabled input,
  .ctlEditGrid TR.clsNoUpdate TD .clsCheckboxSpan,
  .ctlEditGrid TR.clsNoUpdate TD input,
  .ctlEditGrid TR:not(.clsNewRow) TD.clsKeyColumn .clsCheckboxSpan,
  .ctlEditGrid TR:not(.clsNewRow) TD.clsKeyColumn input {
    background-color: transparent !important;
    outline: none; }
  .ctlSelectionListGrid.clsGridProtected TD input.clsEditBgMand:empty,
  .ctlSelectionListGrid TD.clsGridCellDisabled input.clsEditBgMand:empty,
  .ctlSelectionListGrid TD.clsEditBgDisabled input.clsEditBgMand:empty,
  .ctlSelectionListGrid TR.clsNoUpdate TD input.clsEditBgMand:empty,
  .ctlSelectionListGrid TR:not(.clsNewRow) TD.clsKeyColumn input.clsEditBgMand:empty,
  .ctlEditGrid.clsGridProtected TD input.clsEditBgMand:empty,
  .ctlEditGrid TD.clsGridCellDisabled input.clsEditBgMand:empty,
  .ctlEditGrid TD.clsEditBgDisabled input.clsEditBgMand:empty,
  .ctlEditGrid TR.clsNoUpdate TD input.clsEditBgMand:empty,
  .ctlEditGrid TR:not(.clsNewRow) TD.clsKeyColumn input.clsEditBgMand:empty {
    border-left-width: 0; }

.ctlEditGrid.clsActiveGrid,
.ctlEditGrid:hover {
  border-color: #86A8C9; }
  .ctlEditGrid.clsActiveGrid .clsGridBody TR:hover TD.clsGridTextCell,
  .ctlEditGrid.clsActiveGrid .clsGridBody TR:hover TD.clsGridCheckboxCell,
  .ctlEditGrid:hover .clsGridBody TR:hover TD.clsGridTextCell,
  .ctlEditGrid:hover .clsGridBody TR:hover TD.clsGridCheckboxCell {
    background-color: rgba(255, 255, 255, 0.65); }
  .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridTextCell,
  .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridCheckboxCell,
  .ctlEditGrid:hover .clsGridBody TR TD.clsGridTextCell,
  .ctlEditGrid:hover .clsGridBody TR TD.clsGridCheckboxCell {
    border-color: #86A8C9;
    color: #000;
    background-color: white;
    transition: border-color 0.2s; }
    .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridTextCell .clsCheckboxSpan,
    .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridTextCell input,
    .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridCheckboxCell .clsCheckboxSpan,
    .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridCheckboxCell input,
    .ctlEditGrid:hover .clsGridBody TR TD.clsGridTextCell .clsCheckboxSpan,
    .ctlEditGrid:hover .clsGridBody TR TD.clsGridTextCell input,
    .ctlEditGrid:hover .clsGridBody TR TD.clsGridCheckboxCell .clsCheckboxSpan,
    .ctlEditGrid:hover .clsGridBody TR TD.clsGridCheckboxCell input {
      background-color: white; }
    .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridTextCell input[readonly], .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridTextCell input[readonly="readonly"],
    .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridCheckboxCell input[readonly],
    .ctlEditGrid.clsActiveGrid .clsGridBody TR TD.clsGridCheckboxCell input[readonly="readonly"],
    .ctlEditGrid:hover .clsGridBody TR TD.clsGridTextCell input[readonly],
    .ctlEditGrid:hover .clsGridBody TR TD.clsGridTextCell input[readonly="readonly"],
    .ctlEditGrid:hover .clsGridBody TR TD.clsGridCheckboxCell input[readonly],
    .ctlEditGrid:hover .clsGridBody TR TD.clsGridCheckboxCell input[readonly="readonly"] {
      outline-width: 0; }

/*
	.clsGrid {
		.clsGridBody TD:hover {
			.clsTextAreaWrapper, .clsMultiLineWrapper {
				position: relative;
				&:after {
					@include sys_icons();
					content: $icon-showdialog;
					position: absolute;
					padding: 3px;
					cursor: pointer;
					top: 0;
					right: 0;
				}
			}
		}
	}
	*/
.clsGrid {
  position: absolute;
  cursor: default;
  border: 1px solid #e6eef6;
  outline-style: none; }
  .clsGrid .clsGridHeader {
    border-bottom: 1px solid #86A8C9;
    position: absolute;
    width: 10000px;
    table-layout: fixed; }
    .clsGrid .clsGridHeader .clsGhLabelRow {
      background-color: #86A8C9;
      white-space: normal;
      font: 12px "Roboto-Regular", "Trebuchet MS", Arial, Helvetica, sans-serif; }
      .clsGrid .clsGridHeader .clsGhLabelRow TH {
        text-align: center;
        border: 0 solid #fff;
        border-right-width: 1px;
        padding: 0 2px;
        position: relative;
        cursor: pointer; }
      .clsGrid .clsGridHeader .clsGhLabelRow .clsGhcIndicator {
        border-right: none; }
    .clsGrid .clsGridHeader TD, .clsGrid .clsGridHeader TH {
      color: #fff;
      text-align: left;
      vertical-align: top;
      line-height: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis; }
    .clsGrid .clsGridHeader .clsGhcDefault {
      border-right: 1px solid #fff;
      overflow: hidden; }
    .clsGrid .clsGridHeader .clsGhcSortArrow {
      color: #fff; }
    .clsGrid .clsGridHeader .clsGhcFiller {
      width: 4096px; }
    .clsGrid .clsGridHeader .clsGhcSortArrowUp {
      background: url(../Images/System/up.png) no-repeat center 2px; }
    .clsGrid .clsGridHeader .clsGhcSortArrowDown {
      background: url(../Images/System/dn.png) no-repeat center 2px; }
    .clsGrid .clsGridHeader .clsGhcDivDefault {
      position: relative;
      width: 100%;
      padding-top: 6px;
      margin-bottom: -6px;
      font-weight: normal; }
    .clsGrid .clsGridHeader .clsGhSearchRow TD {
      border-right: none; }
    .clsGrid .clsGridHeader .clsGhSearchRow TH, .clsGrid .clsGridHeader .clsGhSearchRow TD {
      border-right: 1px solid #dcdcdc; }
    .clsGrid .clsGridHeader .clsGhSearchRow .clsGridIndicatorCol {
      border-right: none; }
    .clsGrid .clsGridHeader .clsGridSearch {
      position: relative;
      height: inherit; }
      .clsGrid .clsGridHeader .clsGridSearch DIV {
        border-width: 0;
        height: 100%; }
  .clsGrid .clsGridBody {
    background-color: #fff;
    table-layout: fixed;
    border-collapse: separate;
    width: 10000px;
    cursor: default;
    border-spacing: 0;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
    .clsGrid .clsGridBody TD {
      border: 1px solid transparent; }
    .clsGrid .clsGridBody TR {
      height: 28px; }
      .clsGrid .clsGridBody TR:nth-child(2n + 0) {
        color: #02325d;
        background-color: #fff; }
        .clsGrid .clsGridBody TR:nth-child(2n + 0) a:link, .clsGrid .clsGridBody TR:nth-child(2n + 0) a:hover, .clsGrid .clsGridBody TR:nth-child(2n + 0) a:active, .clsGrid .clsGridBody TR:nth-child(2n + 0) a:visited {
          color: #02325d; }
      .clsGrid .clsGridBody TR:nth-child(2n + 1) {
        color: #02325d;
        background-color: #f6f6f6; }
        .clsGrid .clsGridBody TR:nth-child(2n + 1) a:link, .clsGrid .clsGridBody TR:nth-child(2n + 1) a:hover, .clsGrid .clsGridBody TR:nth-child(2n + 1) a:active, .clsGrid .clsGridBody TR:nth-child(2n + 1) a:visited {
          color: #02325d; }
      .clsGrid .clsGridBody TR:hover {
        color: "";
        background-color: #ebebeb; }
        .clsGrid .clsGridBody TR:hover a:link, .clsGrid .clsGridBody TR:hover a:hover, .clsGrid .clsGridBody TR:hover a:active, .clsGrid .clsGridBody TR:hover a:visited {
          color: ""; }
      .clsGrid .clsGridBody TR.clsGbActiveRow, .clsGrid .clsGridBody TR.clsGbActiveRow:hover, .clsGrid .clsGridBody TR.clsGbEditRow, .clsGrid .clsGridBody TR.clsGbEditRow:hover {
        color: #02325d;
        background-color: #b3d5f6; }
        .clsGrid .clsGridBody TR.clsGbActiveRow a:link, .clsGrid .clsGridBody TR.clsGbActiveRow a:hover, .clsGrid .clsGridBody TR.clsGbActiveRow a:active, .clsGrid .clsGridBody TR.clsGbActiveRow a:visited, .clsGrid .clsGridBody TR.clsGbActiveRow:hover a:link, .clsGrid .clsGridBody TR.clsGbActiveRow:hover a:hover, .clsGrid .clsGridBody TR.clsGbActiveRow:hover a:active, .clsGrid .clsGridBody TR.clsGbActiveRow:hover a:visited, .clsGrid .clsGridBody TR.clsGbEditRow a:link, .clsGrid .clsGridBody TR.clsGbEditRow a:hover, .clsGrid .clsGridBody TR.clsGbEditRow a:active, .clsGrid .clsGridBody TR.clsGbEditRow a:visited, .clsGrid .clsGridBody TR.clsGbEditRow:hover a:link, .clsGrid .clsGridBody TR.clsGbEditRow:hover a:hover, .clsGrid .clsGridBody TR.clsGbEditRow:hover a:active, .clsGrid .clsGridBody TR.clsGbEditRow:hover a:visited {
          color: #02325d; }
    .clsGrid .clsGridBody TD {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      height: inherit;
      padding-left: 3px;
      padding-right: 3px; }
      .clsGrid .clsGridBody TD IMG {
        border-width: 0; }
      .clsGrid .clsGridBody TD .clsEditBgDisabled,
      .clsGrid .clsGridBody TD input[readonly], .clsGrid .clsGridBody TD input[readonly="readonly"] {
        color: #02325d;
        background-color: transparent !important; }
      :not(.clsGbEditRow) .clsGrid .clsGridBody TD {
        background-color: transparent; }
      .clsGrid .clsGridBody TD.clsGridLinkCell {
        outline: none; }
      .clsGrid .clsGridBody TD.clsGridCheckboxCell {
        vertical-align: middle; }
      .clsGrid .clsGridBody TD.clsEditBgMand:empty:not(.clsEditBgDisabled), .clsGrid .clsGridBody TD.clsEditBgMand.isEmpty:not(.clsEditBgDisabled) {
        position: relative; }
        .clsGrid .clsGridBody TD.clsEditBgMand:empty:not(.clsEditBgDisabled):before, .clsGrid .clsGridBody TD.clsEditBgMand.isEmpty:not(.clsEditBgDisabled):before {
          content: '';
          position: absolute;
          top: 1px;
          bottom: 1px;
          left: 1px;
          border-left: 3px solid #d8132b; }
    .clsGrid .clsGridBody .clsGbActiveRow .clsGridTextCell div.clsBtn1 {
      top: 1px;
      right: 1px;
      height: inherit;
      position: absolute; }
    .clsGrid .clsGridBody .clsGbEditRow TD {
      padding: 1px 1px; }
      .clsGrid .clsGridBody .clsGbEditRow TD .clsEdit, .clsGrid .clsGridBody .clsGbEditRow TD .clsEditD {
        height: inherit;
        width: 100%;
        top: 0;
        border: none;
        max-height: 24px; }
        .clsGrid .clsGridBody .clsGbEditRow TD .clsEdit .clsFormattedText, .clsGrid .clsGridBody .clsGbEditRow TD .clsEditD .clsFormattedText {
          padding: 1px 2px 2px;
          line-height: 22px; }
      .clsGrid .clsGridBody .clsGbEditRow TD .clsCheckboxSpan {
        padding-left: 2px !important; }
  .clsGrid .clsGridFooter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px 4px 0;
    text-align: right;
    color: #fff;
    background-color: #86A8C9; }
  .clsGrid .clsAddRowText {
    float: left;
    padding: 0 10px;
    color: #034885;
    cursor: pointer; }
    .clsGrid .clsAddRowText:hover {
      color: #f68338; }
    .clsGrid .clsAddRowText:before {
      margin-right: 12px; }
  .clsGrid .clsInfoText {
    text-align: center; }
  .clsGrid .clsErrorText {
    text-align: center; }
  .clsGrid .clsCheckboxSpan {
    margin-left: 0;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    position: relative;
    overflow: hidden;
    border: none;
    padding: 0 !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .clsGrid .clsCheckboxSpan INPUT {
      width: auto; }
      .clsGrid .clsCheckboxSpan INPUT + LABEL {
        height: auto; }
  .clsGrid .clsFormattedText {
    text-overflow: ellipsis; }
    .clsGrid .clsFormattedText .clsInplaceEditor {
      overflow-x: hidden; }
  .clsGrid.clsSortInactive .clsGhcSortArrowUp {
    background-image: none; }
  .clsGrid.clsSortInactive .clsGhcSortArrowDown {
    background-image: none; }
  .clsGrid .clsGridFrame {
    height: 100%;
    width: 100%;
    border: none;
    table-layout: fixed; }
  .clsGrid .clsGridSpacer {
    position: absolute; }
  .clsGrid .clsGridBodyWrapper {
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .clsGrid .clsGridBodyContainer {
    top: 0;
    min-width: 100%;
    min-height: 1px;
    overflow: hidden; }
  .clsGrid .clsGridHeaderWrapper {
    position: absolute; }
  .clsGrid .clsGridHeaderContainer {
    overflow: hidden;
    min-width: 100%;
    position: absolute; }
  .clsGrid .clsGridIndicatorCol {
    text-align: right;
    width: 0;
    overflow: hidden; }
  .clsGrid .clsColResizeHandle {
    top: 0;
    height: 100%;
    width: 10px;
    position: absolute;
    cursor: col-resize;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .clsGrid .clsTextAreaWrapper, .clsGrid .clsMultiLineWrapper {
    position: relative; }
  .clsGrid .clsTextAreaWrapper {
    height: 18px;
    overflow: hidden;
    margin-top: 0;
    margin-right: 18px;
    padding-top: 1px; }
    .clsGrid .clsTextAreaWrapper P {
      margin-top: 0;
      margin-bottom: 0; }
  .clsGrid .clsEdit DIV,
  .clsGrid .clsEditD DIV {
    overflow: hidden; }

.clsGridMessage {
  text-align: center;
  padding-top: 10px; }

.ctlSelectionListGrid .clsEditBgDisabled {
  background-color: #fff; }

.ctlSelectionListGrid .clsEditBgMand {
  background-color: #fff; }

.ctlSelectionListGrid .clsGridCellDisabled {
  background-color: #fff; }

.clsGridLinkCellDisabled A {
  cursor: default;
  color: #806649 !important; }

.clsGridDataView {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-user-select: text;
  user-select: text;
  overflow-x: auto;
  overflow-y: scroll;
  padding: 1px;
  margin: 0;
  height: 100%; }

.clsGridDataViewLi {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 60px !important;
  /* sets max-height value for all standards-compliant browsers */
  height: 60px !important;
  display: block;
  padding-left: 20px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1px; }

.clsGridDataViewLiExtended {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  /* height: 100%; */
  width: 100%;
  padding-left: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1px;
  display: inline-block; }

.clsGridDataViewItemButtonCollapsed {
  background: url(../Images/System/ultimo-arrows.gif) 0 0;
  position: absolute;
  float: right;
  margin: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 10000;
  display: inline-block; }

.clsGridDataViewItemButtonOpen {
  background: url(../Images/System/ultimo-arrows.gif) 47px 0;
  position: absolute;
  float: right;
  margin: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 10000;
  display: block; }

.clsGridDataViewItemButtonCollapsedMouseOver {
  background: url(../Images/System/ultimo-arrows.gif) 32px 0;
  display: block; }

.clsGridDataViewItemButtonOpenMouseOver {
  background: url(../Images/System/ultimo-arrows.gif) 15px 0;
  display: block; }

.clsGridDataViewItemButtonDisabled {
  display: none; }

.clsGridDataViewSmallTextDisabled {
  display: none; }

.clsGridDataViewSmallTextEnabled {
  width: 100%;
  height: 50px;
  overflow: hidden;
  display: inline-block; }

.clsGridDataViewBigTextDisabled {
  display: none; }

.clsGridDataViewBigTextEnabled {
  width: 100%;
  height: 100%;
  display: inline-block; }

.clsGridDataViewMaximizeButton {
  background: url(../Images/System/maxmin.png) 0 0;
  width: 16px;
  height: 14px;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: -20px;
  margin-top: 2px;
  cursor: pointer; }

.clsGridDataViewMinimizeButton {
  background-position: 0 -30px; }

.clsGridDataViewOuterFrame {
  background: url(../Images/System/griddataview_bg.jpg) repeat-x #fff;
  padding: 3px;
  border: 1px solid #86A8C9 !important; }

.clsGridDataViewMaximizeFrame {
  background: url(../Images/System/griddataview_bg.jpg) repeat-x #fff;
  padding: 3px;
  z-index: 30000;
  border: 1px solid #86A8C9 !important; }

.clsGridDataViewOptions {
  background: url(../Images/System/griddataviewoptions.png) 0 0;
  width: 50px;
  height: 18px;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: -72px;
  margin-top: 3px; }

.clsGridDataViewOptionsMaximize {
  margin-left: -72px;
  margin-top: 3px; }

.clsGridDataViewExpandAllButton {
  background: url(../Images/System/maxmin.png) 0 -60px;
  width: 16px;
  height: 14px;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: -37px;
  margin-top: 2px;
  cursor: pointer; }

.clsGridDataViewExpandAllCollapsedButton {
  background-position: 0 -90px; }

.clsDefaultDialog .clsGroupBox {
  padding: 15px 5px 5px;
  position: relative; }

.clsDefaultDialog .clsGroupBox div#dataTable table tbody tr td span,
.clsDefaultDialog .clsGroupBox div#progressStatus table tbody tr td span {
  height: 25px;
  vertical-align: middle;
  text-align: left; }

.DialogContent .clsGroupBox div table tr td span {
  white-space: nowrap; }

.clsDefaultDialog .clsGroupboxContent {
  position: relative; }

.clsDefaultDialog .clsGroupboxContent TABLE {
  width: 100%; }

.clsDeFormDialogMainContent .clsGroupboxContent {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.clsGroupColumnsLayout .clsGroupboxContent > table:first-child > tbody > tr > td:first-child {
  min-width: 200px; }

.clsGroupColumnsLayout .clsGroupboxContent > table:first-child > tbody > tr > td:last-child {
  width: 100%; }

/* BEGIN SelectChangedReservationLinesDialog/SelectChangedReservationOccurrencesDialog */
.clsChangedReservationLines .clsGroupboxContent {
  min-width: 300px;
  max-height: 600px;
  overflow: auto; }

/* END SelectChangedReservationLinesDialog/SelectChangedReservationOccurrencesDialog */
.clsReservationLayoutTable .clsGroupboxContent {
  position: relative; }

.clsLayersAndLayerGroups .clsGroupboxContent {
  width: 500px;
  max-height: 600px;
  overflow: auto; }

/* Fix groupbox. */
.clsReservationLayoutTable .clsGroupBox {
  position: relative !important;
  width: 100%; }

.clsGroupBox {
  position: absolute;
  display: block;
  background-color: #fff; }
  .clsGroupBox .clsGroupboxLabel, .clsGroupBox LEGEND {
    color: #f68338;
    text-transform: uppercase; }
  .clsGroupBox .clsGroupboxBorder {
    position: absolute;
    top: 5px;
    bottom: 2px;
    left: 0;
    right: 0;
    border: solid #e6eef6;
    border-width: 1px 0 0 0; }
  .clsGroupBox .clsGroupboxLabel {
    position: absolute;
    left: 5px;
    top: 0;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #fff;
    font: 11px "Open Sans Regular", "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 11px; }

label, .clsLabel {
  color: #02325d;
  background-color: transparent; }

.clsLabel {
  padding-top: 2px;
  white-space: nowrap; }

.clsListBox {
  background-color: #fff;
  color: #000;
  border: 1px solid #86A8C9;
  cursor: default;
  height: 100%;
  overflow: auto; }
  .clsListBox .clsHoverItem {
    color: #000;
    background-color: #ebebeb; }
  .clsListBox .clsActiveItem {
    color: #fff;
    background-color: #f68338; }
  .clsListBox UL {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    /* required to get the LI to width 100% */
    float: left;
    /* required to get the LI to width 100% */
    width: 100%;
    /* item should span entire width */ }
  .clsListBox .clsListItem {
    padding: 5px 1px 5px 1px;
    display: block;
    /* required to get the LI to width 100% */
    height: 28px;
    /* full height, even for items without any text */
    vertical-align: baseline;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .clsListBox.clsContextMenu {
    border-style: none; }
    .clsListBox.clsContextMenu:focus {
      outline: none; }
    .clsListBox.clsContextMenu .clsListItem {
      padding-left: 24px;
      padding-right: 24px; }

/* InfoBox */
.clsPopup {
  background-color: #fff;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.12);
  /* End InfoBox */ }
  .clsPopup .clsContent {
    float: left;
    overflow: hidden; }
  .clsPopup .clsHeaderPanel {
    background-color: #ebebeb; }
  .clsPopup .clsMainPanel {
    color: #000; }
  .clsPopup .clsEditBgDisabled {
    background-color: #e6eef6;
    color: #000; }
  .clsPopup .clsEditBgMand {
    background-color: #ebebeb;
    color: #000; }
  .clsPopup .clsTooltipContainer {
    width: 100%;
    height: 100%;
    background-color: #fff; }
    .clsPopup .clsTooltipContainer .clsTooltipHeader {
      padding: 5px;
      height: 20px; }
    .clsPopup .clsTooltipContainer .clsTooltipMainBody {
      position: relative;
      top: 10px;
      height: 400px; }
    .clsPopup .clsTooltipContainer .clsTooltipHeader li {
      display: inline-block;
      float: left;
      padding: 0 5px; }
    .clsPopup .clsTooltipContainer .tooltipHeader a {
      text-decoration: none;
      color: #034885; }
      .clsPopup .clsTooltipContainer .tooltipHeader a:hover {
        color: #f68338; }

.clsInfoBoxHtmlText {
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: auto; }
  .clsInfoBoxHtmlText .container {
    padding: 0 5px; }

.clsSelectionList {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden; }

.clsSelectionList .clsFilterPanel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 270px;
  display: none; }

.clsSelectionList .clsSplitter {
  width: 5px;
  left: 270px;
  cursor: col-resize;
  top: 0;
  bottom: 0;
  position: absolute; }

.clsSelectionList .clsFilterPanel.clsExpanded {
  display: inherit; }

.clsSelectionList .ctlSelectionListGrid.clsFilterPanelIndent {
  left: 275px; }

.clsSelectionList .ctlSelectionListGrid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.clsSplitPanel > .clsHeaderPanel {
  top: 0; }

.clsSplitPanel > .clsMainPanel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.clsSplitPanel > .clsFooterPanel {
  bottom: 0; }

.clsSplitPanel > .clsHeaderPanel,
.clsSplitPanel > .clsFooterPanel {
  position: absolute;
  left: 0;
  right: 0; }

.clsSplitPanel > #idDialogMainPanel.clsMainPanel {
  margin-bottom: 25px; }
  .clsSplitPanel > #idDialogMainPanel.clsMainPanel > .DialogContent {
    margin-bottom: 25px; }

.clsDialogLeft,
.clsDialogRight {
  position: absolute;
  top: 50%;
  margin-top: -9px; }

.clsDialogLeft {
  left: 0; }

.clsDialogRight {
  right: 0; }

.clsDefaultDialog .clsDialogLayout > .clsFooterPanel {
  height: 20px; }

.clsStatusInfo {
  display: inline-block; }
  .clsStatusInfo .text {
    text-transform: uppercase;
    color: #f68338;
    padding-right: 12px;
    cursor: pointer;
    position: relative;
    font: 12px "Open Sans Regular", "Trebuchet MS", Arial, Helvetica, sans-serif; }
  .clsStatusInfo .clsSystemIconFont {
    color: #d7e5f2; }
    .clsStatusInfo .clsSystemIconFont:before {
      content: ""; }

.clsStatusInfoPopup {
  box-sizing: content-box;
  background: #fff;
  border: 1px solid #e6eef6 !important;
  width: auto;
  height: 80px; }
  .clsStatusInfoPopup .item {
    background: url(../Images/System/StatusHistoryFlowArrow.png) no-repeat right center #fff;
    color: #666;
    font-size: 11px;
    height: 78px;
    float: right;
    padding: 5px 20px 5px 5px;
    position: relative;
    box-sizing: content-box; }
    .clsStatusInfoPopup .item .name {
      color: #86A8C9; }
    .clsStatusInfoPopup .item .description {
      color: #86A8C9;
      font-size: 12px; }
    .clsStatusInfoPopup .item UL {
      padding-left: 5px;
      list-style-type: none;
      margin: 0; }
      .clsStatusInfoPopup .item UL LI SPAN {
        line-height: 16px;
        white-space: nowrap; }

.clsSystemIconFont {
  font-family: 'ultimo-system';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1; }

#idMainMultiPage.is-headerHidden > .clsTabs {
  display: none; }

#idMainMultiPage.is-headerHidden > .clsTabPages {
  left: 0; }

#idMainMultiPage > .clsTabs {
  height: 100%;
  width: 32px;
  background-color: #e6eef6;
  padding: 0; }
  #idMainMultiPage > .clsTabs .line {
    display: none; }
  #idMainMultiPage > .clsTabs .clsScrollContainer {
    padding-right: 0; }
  #idMainMultiPage > .clsTabs .clsTab {
    height: 70px;
    line-height: 70px;
    display: block;
    border-width: 0;
    color: #fff;
    background-color: #86A8C9;
    text-overflow: clip;
    text-align: right;
    padding: 0 4px 0 0;
    font-size: 16px;
    width: 25px;
    margin-left: 7px; }
    #idMainMultiPage > .clsTabs .clsTab .clsTabText {
      display: none; }
    #idMainMultiPage > .clsTabs .clsTab:hover {
      background-color: #f68338; }
    #idMainMultiPage > .clsTabs .clsTab.clsTabActive {
      color: #f68338;
      background-color: #fff;
      width: 32px;
      margin-left: 0; }

#idMainMultiPage > .clsTabPages {
  top: 0;
  left: 32px; }

.clsMultiPage {
  position: absolute;
  overflow: hidden;
  background-color: #fff;
  /** tab pages ****************************************************************/ }
  .clsMultiPage .line {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #f68338; }
  .clsMultiPage .clsTab {
    display: inline-block;
    color: #02325d;
    background-color: #fff;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-width: 4px 0 1px 0;
    border-style: solid;
    border-color: transparent transparent #f68338 transparent;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    max-width: 250px;
    margin-right: 1px;
    padding: 6px 10px; }
    .clsMultiPage .clsTab > .clsTabText {
      font: 11px "Open Sans Regular", "Trebuchet MS", Arial, Helvetica, sans-serif; }
    .clsMultiPage .clsTab:hover {
      color: #fff;
      background-color: #f68338; }
    .clsMultiPage .clsTab.clsTabActive {
      color: #f68338;
      background-color: #fff;
      border-color: #f68338;
      border-bottom-color: transparent;
      border-left-width: 1px;
      border-right-width: 1px;
      padding-left: 9px;
      padding-right: 9px;
      cursor: default; }
    .clsMultiPage .clsTab[disabled] {
      color: #999;
      background-color: #fff;
      cursor: default; }
  .clsMultiPage .clsTabs {
    line-height: 0;
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    top: 0;
    width: 100%; }
    .clsMultiPage .clsTabs .clsScrollContainer {
      overflow: hidden;
      position: relative; }
    .clsMultiPage .clsTabs:hover.is-left-overflow .arrow.left,
    .clsMultiPage .clsTabs:hover.is-right-overflow .arrow.right {
      display: block; }
    .clsMultiPage .clsTabs .arrow {
      cursor: pointer;
      outline-style: none;
      display: none;
      width: 16px;
      position: absolute;
      color: #fff;
      background-color: #034885;
      top: 0;
      bottom: 1px;
      text-align: center;
      padding-top: 8px; }
      .clsMultiPage .clsTabs .arrow:hover {
        background-color: #f68338; }
      .clsMultiPage .clsTabs .arrow.left {
        left: 0; }
        .clsMultiPage .clsTabs .arrow.left :before {
          content: ""; }
      .clsMultiPage .clsTabs .arrow.right {
        right: 0; }
        .clsMultiPage .clsTabs .arrow.right :before {
          content: ""; }
  .clsMultiPage .clsTabPages {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    background-color: #fff;
    margin-top: 5px; }
    .clsMultiPage .clsTabPages .clsTabPage {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: auto;
      position: absolute;
      display: none;
      background-color: #fff; }

.clsUIBlocker {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
  top: 0;
  left: 0;
  z-index: 20001;
  border: none;
  filter: alpha(opacity=0);
  opacity: 0.0;
  background-color: Gray; }

.clsShim {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
  top: 0;
  left: 0;
  z-index: 20000;
  border: none;
  filter: alpha(opacity=0);
  opacity: 0.0; }

.uiBlockerProgress {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 20001; }

.clsGrayed {
  opacity: 0.30;
  /* Safari, Opera and Mozilla */
  filter: gray() alpha(opacity=30);
  /* IE */ }

/* text editor controls */
.clsTextEditorWrap, .clsHtmlEditor {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute; }

.clsTextEditor, .clsHtmlEditor {
  margin: 2px;
  padding: 2px 3px;
  border: 1px solid #86A8C9;
  overflow: auto;
  resize: none; }

/* htmleditor control */
.clsHtmlEditor {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.clsHtmlEditorEditMode {
  background-color: #fff; }

.clsHtmlEditorViewMode {
  background-color: #e6eef6; }

.clsHtmlEditor P, .clsFormattedText P {
  margin-top: 0;
  margin-bottom: 0; }

.clsHtmlEditor A, .clsFormattedText A {
  cursor: pointer; }

.clsHtmlEditor *, .clsFormattedText * {
  position: static !important; }

.clsEditorToolbar .clsTbCombo {
  vertical-align: middle; }
  .clsEditorToolbar .clsTbCombo.clsFontNameCombo {
    margin-left: 10px;
    margin-right: 2px; }
  .clsEditorToolbar .clsTbCombo.clsFontSizeCombo {
    margin-left: 2px;
    margin-right: 10px; }

.clsTextEditor A {
  cursor: pointer; }

.clsColorPicker {
  background-color: #fff;
  position: relative;
  padding: 4px;
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.12);
  cursor: default; }
  .clsColorPicker TD {
    border: 1px solid #999;
    height: 14px;
    width: 14px;
    cursor: pointer; }

.clsToolbarButton {
  font-family: 'ultimo-system';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 23px;
  cursor: pointer;
  margin-right: 1px;
  outline-style: none;
  display: inline-block;
  text-align: center;
  padding-top: 2px;
  color: #86A8C9;
  background-color: #fff;
  border: 1px solid transparent; }
  .clsToolbarButton[disabled] {
    color: #ebebeb;
    background-color: #fff;
    border-color: transparent;
    cursor: default; }
  .clsToolbarButton:hover:not([disabled]) {
    color: #f68338;
    background-color: #fff;
    border-color: #f68338; }
  .clsToolbarButton:active:not([disabled]) {
    color: #fff;
    background-color: #f68338;
    border-color: #f68338; }
  .clsToolbarButton.clsChecked, .clsToolbarButton.clsPressed {
    color: #fff;
    background-color: #86A8C9;
    border-color: transparent; }
  .clsToolbarButton.First:before {
    content: ""; }
  .clsToolbarButton.Prev:before {
    content: ""; }
  .clsToolbarButton.Next:before {
    content: ""; }
  .clsToolbarButton.Last:before {
    content: ""; }
  .clsToolbarButton.Clear:before {
    content: ""; }
  .clsToolbarButton.ClearDisabled:before {
    cursor: default;
    color: #ebebeb;
    content: ""; }
  .clsToolbarButton.Refresh:before {
    content: ""; }
  .clsToolbarButton.Save:before {
    content: ""; }
  .clsToolbarButton.Delete:before {
    content: ""; }
  .clsToolbarButton.Excel:before {
    content: ""; }
  .clsToolbarButton.Pdf:before {
    content: ""; }
  .clsToolbarButton.DeleteRow:before {
    content: ""; }
  .clsToolbarButton.SaveDisabled:before {
    color: #ebebeb;
    cursor: default;
    content: ""; }
  .clsToolbarButton.TrashcanOff:before {
    content: ""; }
  .clsToolbarButton.TrashcanOn:before {
    content: ""; }
  .clsToolbarButton.Reactivate:before {
    content: ""; }
  .clsToolbarButton.Deactivate:before {
    content: ""; }
  .clsToolbarButton.ToggleFilterPanel:before {
    content: ""; }
  .clsToolbarButton.SaveDisabled:hover {
    border-color: transparent; }
  .clsToolbarButton.ClearDisabled:hover {
    border-color: transparent; }
  .clsToolbarButton.PersonalizeSelectionList:before {
    content: ""; }
  .clsToolbarButton.PersonalizeSelectionList.clsPersonalized:before {
    content: ""; }
  .clsToolbarButton.AddToDashboard:before {
    content: ""; }

.clsButtonStripSplit {
  width: 1px;
  height: 23px;
  margin: 0 10px;
  display: inline-block;
  border-right: 1px dotted #86A8C9;
  vertical-align: middle; }

/* BEGIN toolbars for reminder, reservation */
/* BEGIN reminder, eventlog, reservation */
/*.ToolBarButtonFirst .rtbIcon, .ToolBarButtonPrev .rtbIcon, .ToolBarButtonNext .rtbIcon, .ToolBarButtonLast .rtbIcon, .ToolBarButtonRefresh .rtbIcon, .ToolBarButtonDelete .rtbIcon, .ToolBarButtonClear .rtbIcon {
	width: 24px !important;
	height: 24px !important;
	margin: 0 1px;
	background: url('../images/system/ultimo_buttons_grid.png') no-repeat;
}*/
/* BEGIN reservation */
/*.ToolBarButtonFirst .rtbIcon {
	background-position: -33px -3px;
}

.ToolBarButtonFirst:hover .rtbIcon {
	background-position: -33px -33px;
}

.ToolBarButtonFirst:active .rtbIcon {
	background-position: -33px -63px;
}

.ToolBarButtonPrev .rtbIcon {
	background-position: -63px -3px;
}

.ToolBarButtonPrev:hover .rtbIcon {
	background-position: -63px -33px;
}

.ToolBarButtonPrev:active .rtbIcon {
	background-position: -63px -63px;
}

.ToolBarButtonNext .rtbIcon {
	background-position: -93px -3px;
}

.ToolBarButtonNext:hover .rtbIcon {
	background-position: -93px -33px;
}

.ToolBarButtonNext:active .rtbIcon {
	background-position: -93px -63px;
}

.ToolBarButtonLast .rtbIcon {
	background-position: -123px -3px;
}

.ToolBarButtonLast:hover .rtbIcon {
	background-position: -123px -33px;
}

.ToolBarButtonLast:active .rtbIcon {
	background-position: -123px -63px;
}

.ToolBarButtonClear .rtbIcon {
	background-position: -183px -3px;
}

.ToolBarButtonClear:hover .rtbIcon {
	background-position: -183px -33px;
}

.ToolBarButtonClear:active .rtbIcon {
	background-position: -183px -63px;
}*/
/* END reservation */
/* reminder */
/*.ToolBarButtonRefresh .rtbIcon {
	background-position: -213px -3px;
}

.ToolBarButtonRefresh:hover .rtbIcon {
	background-position: -213px -33px;
}

.ToolBarButtonRefresh:active .rtbIcon {
	background-position: -213px -63px;
}*/
/* reminder, eventlog, reservation */
/*.ToolBarButtonDelete .rtbIcon {
	background-position: -273px -3px;
}

.ToolBarButtonDelete:hover .rtbIcon {
	background-position: -273px -33px;
}

.ToolBarButtonDelete:active .rtbIcon {
	background-position: -273px -63px;
}*/
/* BEGIN reminder */
/*.ToolBarButtonMailRead .rtbIcon {
	width: 24px !important;
	height: 24px !important;
	margin: 0 1px;
	background: url('../images/system/ultimo_buttons_grid.png') no-repeat -751px -3px;
}

.ToolBarButtonMailRead:hover .rtbIcon {
	background-position: -751px -33px;
}

.ToolBarButtonMailRead:active .rtbIcon {
	background-position: -751px -63px;
}

.ToolBarButtonMailUnread .rtbIcon {
	width: 24px !important;
	height: 24px !important;
	margin: 0 1px;
	background: url('../images/system/ultimo_buttons_grid.png') no-repeat -781px -3px;
}

.ToolBarButtonMailUnread:hover .rtbIcon {
	background-position: -781px -33px;
}

.ToolBarButtonMailUnread:active .rtbIcon {
	background-position: -781px -63px;
}

.ToolBarButtonUser1 .rtbIcon {
	width: 24px !important;
	height: 24px !important;
	margin: 0 1px;
	background: url('../images/system/ultimo_buttons_grid.png') no-repeat -631px -3px;
}

.ToolBarButtonUser1:hover .rtbIcon {
	background-position: -631px -33px;
}

.ToolBarButtonUser1:active .rtbIcon {
	background-position: -631px -63px;
}

.ToolBarButtonUser1Delete .rtbIcon {
	width: 24px !important;
	height: 24px !important;
	margin: 0 1px;
	background: url('../images/system/ultimo_buttons_grid.png') no-repeat -661px -3px;
}

.ToolBarButtonUser1Delete:hover .rtbIcon {
	background-position: -661px -33px;
}

.ToolBarButtonUser1Delete:active .rtbIcon {
	background-position: -661px -63px;
}*/
/* END reminder */
/* BEGIN reservation */
/*.ToolBarButtonCopy .rtbIcon {
	width: 24px !important;
	height: 24px !important;
	margin: 0 1px;
	background: url('../images/system/ultimo_buttons_grid.png') no-repeat -603px -3px;
}

.ToolBarButtonCopy:hover .rtbIcon {
	background-position: -603px -33px;
}

.ToolBarButtonCopy:active .rtbIcon {
	background-position: -603px -63px;
}*/
/* END reservation */
/* END toolbar */