div.yssContainerContextMenu div.yssContextMenu {
  float : left;
}

div.yssContainerContextMenu.invert div.yssContextMenu {
  float : right;
}

div.yssContextMenu {
  width            : auto;
  height           : auto;
  background-color : #fff;
}

div.yssContextMenu div.item {
  width               : 100%;
  background-color    : #fff;
  border-style        : solid;
  border-width        : 1px;
  border-color        : #000;
  border-bottom-width : 0;
  cursor              : default;
  box-sizing          : border-box;
  padding-left        : 0.4em;
  padding-right       : 0;
  padding-top         : 0.2em;
  padding-bottom      : 0.2em;
}

div.yssContainerContextMenu.invert div.yssContextMenu div.item {
  padding-left        : 0.4;
  padding-right       : 0.4em;
}

div.yssContainerContextMenu:not(.invert) div.yssContextMenu:not(:last-child) {
  border-right-width : 0;
}

div.yssContainerContextMenu.invert div.yssContextMenu:not(:last-child) {
  border-right-width : 1px;
  border-left-width  : 0;
}

div.yssContextMenu div.item:nth-child(2n) {
  background-color    : #eee;
}

div.yssContextMenu div.item:last-child {
  border-bottom-width : 1px;
}

div.yssContextMenu div.item.highlight {
  background-color    : #aaa;
}

div.yssContextMenu div.item div.indicator {
  width      : 20px;
  height     : 100%;
  float      : right;
  text-align : right;
}

div.yssContainerContextMenu.invert div.yssContextMenu div.item div.indicator {
  float      : left;
  text-align : left;
}

div.yssContextMenu div.item:not(.hasSubmenu) div.indicator {
  visibility : hidden;
}

div.yssContainerContextMenu:not(.invert) div.yssContextMenu div.item div.indicator :first-child::after {
  content    : '>';
}

div.yssContainerContextMenu.invert div.yssContextMenu div.item div.indicator :first-child::before {
  content    : '<';
}

ul.listVertical {
  width               : 100%;
  height              : auto;
  margin              : 0;
  list-style-type     : none;
  /*list-style-position : outside;*/
}

ul.listVertical li {
  width               : 100%;
  height              : auto;
  margin-top          : 0.8em;
  margin-bottom       : 0.8em;
  white-space         : nowrap;
  transition          : color 0s ease 0s, all 0.1s ease 0s;
  border-bottom       : 1px solid #ddd;
  padding-left        : 40px;
  min-height          : 40px;
  background-repeat   : no-repeat;
  background-position : left center;
  box-sizing          : border-box;
}

ul.listVertical li:last-child {
  border-bottom : none;
}

ul.listVertical li:hover {
  background-color : #5a99e8;
}

ul.listVertical li a {
  text-decoration : none;
}

ul.listVertical li h3 {
  width          : 100%;
  height         : 100%;
  font-size      : 12pt;
  font-weight    : bold;
  color          : #404040;
  float          : left;
  padding-top    : 0.6em;
}

label {
  font-weight : normal;
}

/*.yssLabelHorizontal::before           ,
.yssLabelHorizontal:last-child::after {
  content  : ' ';
  display  : block;
  height   : 0;
  overflow : hidden;
}

.yssLabelHorizontal:last-child::after {
  clear : both;
}*/

.yssLabelHorizontal {
  margin-bottom : 12px;
}

.yssLabelHorizontal > label {
  width          : 28%;
  max-width      : 20em;
  white-space    : nowrap;
  text-align     : left;
  display        : inline-block;
  vertical-align : top;
  margin-top     : 0.4em;
}

.yssLabelHorizontal > .yssFieldContainer p.form-control-static {
  margin      : 0;
  padding     : 0;
  padding-top : 0.4em;
}

.yssLabelHorizontal.right > label {
  text-align : right;
}

.yssLabelHorizontal.required > label {
  font-weight : bold;
}

.yssLabelHorizontal > .yssFieldContainer {
  vertical-align : baseline;
  display        : inline-block;
}

.apex_row > .apex_cols > .yssLabelHorizontal > .yssFieldContainer {
  margin-bottom  : 12px;
}

span.uLabelError {
  display : block;
}

@media ( min-width : 1200px ) {
  /*
   * apex doesn't create a grid structure when only one column is used
   * do this little trick to allow multiple items in one column when a grid is detected
   */
  div.row      > div > .yssLabelHorizontal ,
  div.apex_row > div > .yssLabelHorizontal {
    display : inline;
  }
}

/* display the label above the field on small viewports */
@media ( max-width : 760px ) {
  .yssLabelHorizontal {
    margin-bottom : auto;
  }
  
  .yssLabelHorizontal > label {
    display   : block;
    width     : 100%;
    max-width : 100%;
  }
  
 .yssLabelHorizontal > .yssFieldContainer {
    display   : block;
    width     : 100%;
    max-width : 100%;
  }
}

fieldset.radio_group    ,
fieldset.checkbox_group {
  width : 100%;
}

/* add some spacing for checkbox / radio group labels because the space of the checkbox / radio is not taken into account */
input[type="radio"]    + label ,
input[type="checkbox"] + label {
  margin-left  : 0.2em;
  margin-right : 2em;
}

/*
 * begin shuttle buttons
 */
.yssShuttleButton {
  width  : 16px;
  height : 16px;
}

.yssShuttleButton.yssShuttleReset     { background-image : url('/i/htmldb/icons/shuttle_reload.png'); }
.yssShuttleButton.yssShuttleMoveAll   { background-image : url('/i/htmldb/icons/shuttle_last.png');   }
.yssShuttleButton.yssShuttleMove      { background-image : url('/i/htmldb/icons/shuttle_right.png');  }
.yssShuttleButton.yssShuttleRemove    { background-image : url('/i/htmldb/icons/shuttle_left.png');   }
.yssShuttleButton.yssShuttleRemoveAll { background-image : url('/i/htmldb/icons/shuttle_first.png');  }
.yssShuttleButton.yssShuttleTop       { background-image : url('/i/htmldb/icons/shuttle_top.png');    }
.yssShuttleButton.yssShuttleUp        { background-image : url('/i/htmldb/icons/shuttle_up.png');     }
.yssShuttleButton.yssShuttleDown      { background-image : url('/i/htmldb/icons/shuttle_down.png');   }
.yssShuttleButton.yssShuttleBottom    { background-image : url('/i/htmldb/icons/shuttle_bottom.png'); }

/*
 * end shuttle buttons
 */

.yssRichTextEditor {
  min-width     : 10em;
  min-height    : 2em;
  border-color  : #c0c0c0 #c0c0c0 #b0b0b0;
  border-radius : 2px;
  border-style  : solid;
  border-width  : 1px;
  box-shadow    : 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  transition    : border 0.1s ease 0s, box-shadow 0.1s ease 0s;
  padding       : 4px;
}

.yssRichTextEditor:focus {
  animation    : 2s ease-in-out 0s normal none infinite running pulse;
  border-color : #708db2;
  box-shadow   : 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 5px 2px rgba(56, 127, 214, 0.35);
}

/*
 * begin hack for boorstrap widgets in combination with jQuery UI
 */
.bootstrap-datetimepicker-widget {
  z-index : 1100;
}

/*
 * end hack for boorstrap widgets in combination with jQuery UI
 */

/*
 * begin hack for theme 101 in combination with bootstrap
 */
 
button.button-default span ,
button.button-alt1    span ,
button.button-alt2    span ,
button.button-alt3    span {
  box-sizing : initial;
  margin-top : 0;
}
 
 /*
 * end hack for theme 101 in combination with bootstrap
 */

/* datetimepicker widget lives inside parent region, so overflow clips it off */
.apexir_WORKSHEET_DATA > tbody > tr > td ,
table.uReport          > tbody > tr > td {
  overflow : initial;
}

.apexir_WORKSHEET_DATA > thead > tr > th.highlightHeader ,
.apexir_WORKSHEET_DATA > tbody > tr > th.highlightHeader {

  background-color : #e8e8e8 !important;
  background-image : none    !important;
}

.apexir_WORKSHEET_DATA > thead > tr > th div ,
.apexir_WORKSHEET_DATA > tbody > tr > th div {
  box-shadow : none !important;
}

.a-IRR-tableContainer          ,
[id^="report_"][id$="_catch"]  {
  overflow-x : auto;
}

.regiontabs > div > .ui-tabs-panel {

  padding : 0;

}

/* begin styles for report action buttons */
.yssReportButtonsContainer {
  display : inline-block;
}

.yssReportButtonsContainer > div.yssReportContainerSection {
  float          : left;
  text-align     : center;
}

.yssReportButtonsContainer > div.yssReportFields > .yssReportField {
  height : 100%;
}

.yssReportButtonsContainer > div.yssReportFields > .yssReportField > * {
  display    : inline-block;
  margin-top : 6px;
}

.yssReportButtonsContainer > div.yssReportButtons .a-Icon {
  width        : 26px;
  margin-top   : 4px;
  margin-left  : 4px;
  margin-right : 4px;
}

.yssReportButtonsContainer > div.yssReportButtons .a-Icon::before {
  font-size : 20pt;
}
/* end styles for report action buttons */

/* begin styles for the split region plugin */
.regionSplitContainer {
  overflow : hidden;
}

.regionSplitContent {
  overflow-x : auto;
  overflow-y : auto;
}

.regionSplitContent.horizontal {
  height : 100%;
  float  : left;
}

.regionSplitContent.vertical {
  width : 100%;
}

.regionSplitSlider {
  background-color : #eee;
}

.regionSplitSlider.horizontal {
  width  : 6px;
  height : 100%;
  float  : left;
}

.regionSplitSlider.vertical {
  width      : 100%;
  height     : 6px;
  text-align : center;
}

.regionSplitSlider:hover {
  cursor : col-resize;
}

.regionSplitSliderCollapse {
  background-color : #000;
}

.regionSplitSlider.horizontal:before {
  content        : ' ';
  height         : 100%;
  display        : inline-block;
  vertical-align : middle;
}

.regionSplitSlider.horizontal .regionSplitSliderCollapse {
  width      : 100%;
  height     : 10%;
  min-height : 28px;
  display    : inline-block;
}

.regionSplitSlider.vertical .regionSplitSliderCollapse {
  width      : 10%;
  height     : 100%;
  min-width  : 28px;
}

.regionSplitSliderCollapse:hover {
  cursor : pointer;
}
/* end styles for the split region plugin */

/* begin styles for the reference popup plugin */

.referenceContent
,.referenceContent[style] {
  margin-top  : 0 !important;
  margin-left : 0 !important;
}

/* end styles for the reference popup plugin */