/* edit toolbar */


.contextMenu_Back
{
  z-index: 3000;
}

.contextMenu
{
  z-index: 3001;
}

.dropZones
{
  font-family: trebuchet ms, arial, verdana;
  position: absolute;
  top:0px;
/*  border: solid 1px red;*/
/*  background-color: pink;*/
/*  opacity: 0.3;*/
/*  width: 100%;
  height: 100%;*/
  margin-left: 200px;
  display:none;
/*  z-index: 2000;*/
	min-width: 200px;
	max-width: 200px;
}

.dropZones .dropZone
{
  font-family: trebuchet ms, arial, verdana;
  font-size: 11px;
  border-radius: 4px;
  background-color: white;
  position: relative;
  margin: 5px;
/*  top:0px;*/
  border: solid 1px gray;
  opacity: 0.75;
  min-width: 160px;
  min-height: 80px;

/*  z-index: 2000;*/
}

.dropZones .dropZone .title
{
  border-bottom: solid 1px gray;
}


#editToolbar, .editToolbar
{
  background-color: white;
/*  border: solid 2px #aaaaaa;*/
  padding: 0px;
  font-family: trebuchet ms, arial, verdana;
  table-layout:fixed;
  border-collapse:collapse;
  font-size:11px;
  top:0px;
  left:0px;
  width:198px;
  height: 100%;
  position:fixed;
  border-right: solid 1px #F1F1F1;
  overflow-x: visible;
  overflow-y: auto;
  z-index: 1000;
  display:none;
  float: left;
}
.editToolSubDiv
{
  border-top: solid 1px #F1F1F1;
  margin-left: 14px;
}
.editToolTitle1
{
  color: black;
  margin: 3px;
  padding: 3px;
  text-overflow:ellipsis;
  overflow:hidden;
  clear: left;
  margin-top: 8px;
}
.editToolTitle2
{
  color: black;
  margin: 3px;
  padding: 3px;
  text-overflow:ellipsis;
  overflow:hidden;
  clear: both;
  margin-top: 4px;
}
.editToolTitle3
{
  color: #888888;
  margin: 3px;
  padding: 3px;
  text-overflow:ellipsis;
  overflow:hidden;
  clear: both;
}
.editToolCategoryTitle
{
  font-weight: bold;
  color: black;
  margin: 3px;
  padding: 3px;
  text-overflow:ellipsis;
  overflow:hidden;
  clear: left;
  margin-top: 4px;
}
.editToolSearchBar
{
  color: black;
  margin: 3px;
  margin-right: 0px;
  text-overflow:ellipsis;
  overflow:hidden;
  clear: left;
  width: 80%;
  border: solid 1px #F1F1F1;
}
.editToolDesc
{
  color: #888888;
  margin: 3px;
  margin-bottom: 0px;
  padding: 3px;
/*  text-overflow:ellipsis;*/
  overflow:hidden;
  font-style: italic;
}
.editTool
{
  background-color: white;/*#F1F1F1;*/
  color: black;
  margin: 3px;
  padding: 3px;
  text-overflow:ellipsis;
  overflow:hidden;
  cursor: pointer;
  border-radius: 4px;
  border: solid 1px #F1F1F1;
}
.editTool.bigbutton
{
  background-color: #d0d0d0;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  font-size: 14px;
}
.editTool:hover
{
  background-color: #F6A81B;
  color: white;
  border: solid 1px #F6A81B;
}

.editToolButton
{
  background-color: #F6A81B;
  color: white;
  margin: 3px;
  padding: 3px;
  text-overflow:ellipsis;
  overflow:hidden;
  cursor: pointer;
  border-radius: 4px;
  border: solid 1px white;  
  clear: both;
}
.editformula, .privateView
{
  font-style: italic;
}
.editToolButton.off
{
  background-color: white; /*#F1F1F1;*/
  color: black;
  margin: 3px;
  padding: 3px;
  text-overflow:ellipsis;
  overflow:hidden;
  cursor: pointer;
  border-radius: 4px;
}
.editToolButton.disabled
{
  color: #888888;
  cursor: default;
}

.floating
{
/*  float: left;*/
  min-width: 37%;
}
div.editToolIconDel
{
  color: black;
  margin: 0px 3px;
  padding: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  border: solid 1px #F1F1F1;
  float: right;
  background: white url('../image/sbimenu/rem_axis.svg') no-repeat left center;
  width: 10px;
  height: 10px;
}
div.editToolIconDel:hover
{
  background: url('../image/sbimenu/rem_axis_hover.svg') no-repeat left center;
  background-color: #F6A81B;
}
div.editToolIconEdit
{
  color: black;
  margin: 0px 0px 0px 3px;
  padding: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  border: solid 1px #F1F1F1;
  float: right;
  background: white url('../image/stylemenu/edit_row.svg') no-repeat left center;
  width: 10px;
  height: 10px;
}
div.editToolIconEdit:hover
{
  background: url('../image/stylemenu/edit_row_hover.svg') no-repeat left center;
  background-color: #F6A81B;
}
div.editToolIconHidden
{
  color: black;
  margin: 4px 3px 0px 3px;
  padding: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 4px;
  float: right;
  background: white url('../image/hidden.svg') no-repeat left center;
  width: 10px;
  height: 10px;
}
span.editToolIconDel
{
	float: right;
	background: url('../image/sbimenu/rem_axis.svg') no-repeat left center;
	width: 16px;
	height: 16px;
	display: block;
	clear: top;
}
.editTool:hover span.editToolIconDel
{
	background:url('../image/sbimenu/rem_axis_hover.svg') no-repeat left center;
}
.editToolIconSortA
{
}
.editToolIconSortD
{
}
.editToolIconDim
{
	background-image: url('../image/dimension.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconDimDisabled
{
	background-image: url('../image/dimension_disabled.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconDim:hover
{
	background-image: url('../image/dimension_hover.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconMeasure
{
	background-image: url('../image/measure.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconMeasureDisabled
{
	background-image: url('../image/measure_disabled.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconMeasureHidden
{
	background-image: url('../image/hidden.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconMeasureHidden:hover
{
	background-image: url('../image/hidden_hover.svg') !important;
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconMeasure:hover
{
	background-image: url('../image/measure_hover.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconHierarchy
{
	background-image: url('../image/hierarchy.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconHierarchy:hover
{
	background-image: url('../image/hierarchy_hover.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconFilter
{
	background-image: url('../image/filter.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	float: right;
}
.editToolIconDim:hover .editToolIconFilter
{
	background-image: url('../image/filter_hover.svg');
}
.editToolIconFilterHidden
{
	visibility: hidden;
}
.editToolIconSet
{
	background-image: url('../image/set.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconSet:hover, .editToolIconSel.editToolIconSet
{
	background-image: url('../image/set_hover.svg');
	background-repeat: no-repeat;
	background-position: 1px center;
	background-size: 16px 16px;
	padding-left: 22px;
}
.editToolIconSel
{
  background-color: #F6A81B;
  color: white !important;
  border: solid 1px #F6A81B;  
}
.localFilter
{
  font-style: italic;
}
.drag
{
    cursor: move;
}
.editTool.disabled
{
  color: #888888;
}
.editToolSeparator
{
  height: 2px;
}

div.editToolIconFold
{
  color: black;
  margin: 0px 0px 0px 3px;
  padding: 3px 4px 3px 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
/*  border-radius: 4px;
  border: solid 1px #F1F1F1;*/
  float: right;
  background: white url('../image/16-arrow_up.png') no-repeat center center;
  width: 16px;
  height: 16px;
}
/*
div.editToolIconFold:hover
{
  background:url('../image/16-arrow_up.png') no-repeat center center;
  background-color: #F6A81B;
}
*/
div.editToolIconUnfold
{
  color: black;
  margin: 0px 0px 0px 3px;
  padding: 3px 4px 3px 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
/*  border-radius: 4px;
  border: solid 1px #F1F1F1;*/
  float: right;
  background:white url('../image/16-arrow_down.png') no-repeat center center;
  width: 16px;
  height: 16px;
}
/*
div.editToolIconUnfold:hover
{
  background:url('../image/16-arrow_down.png') no-repeat center center;
  background-color: #F6A81B;
}
*/
div.editToolIconSearch
{
  color: black;
  margin: 0px 0px 0px 3px;
  padding: 3px 4px 3px 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
/*  border-radius: 4px;
  border: solid 1px #F1F1F1;*/
  float: right;
  background: white url('../image/16-search.png') no-repeat center center;
  width: 16px;
  height: 16px;
}
div.editToolIconClear
{
  color: black;
  margin: 0px;
  padding: 3px 4px 3px 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
/*  border-radius: 4px;
  border: solid 1px #F1F1F1;*/
  float: right;
  background: white url('../image/16-del.png') no-repeat center center;
  width: 16px;
  height: 16px;
}

/* context menu styling */

.contextMenu
{
  border-radius: 4px;
  background-color: #F1F1F1;
  border: solid 2px #F1F1F1;
  padding: 1px;
  font-family: trebuchet ms, arial, verdana;
  table-layout:fixed;
  border-collapse:collapse;
  font-size:11px;
}
.contextMenuItem
{
  border-radius: 4px;
  padding-left:18px;
  background-color: white;
  color: black;
}
.contextMenuItemHover
{
  border-radius: 4px;
  padding-left: 18px;
  background-color: #F6A81B;
  color: white;
}
.contextMenuSeparator
{
  height:3px;
  background-color: #F1F1F1;
}
.contextMenuItem.subtitle_class { padding-left: 0px; }
/* self-service BI menu icons*/
.contextMenuItem.add_bottom { background-image: url('../image/sbimenu/add_bottom.svg'); }
.contextMenuItemHover.add_bottom { background-image: url('../image/sbimenu/add_bottom_hover.svg'); }
.contextMenuItem.add_dim_axis { background-image: url('../image/sbimenu/add_dim_axis.svg'); }
.contextMenuItemHover.add_dim_axis { background-image: url('../image/sbimenu/add_dim_axis_hover.svg'); }
.contextMenuItem.add_range { background-image: url('../image/sbimenu/add_range.svg'); }
.contextMenuItemHover.add_range { background-image: url('../image/sbimenu/add_range_hover.svg'); }
.contextMenuItem.add_sort_a { background-image: url('../image/sbimenu/add_sort_a.svg'); }
.contextMenuItemHover.add_sort_a { background-image: url('../image/sbimenu/add_sort_a_hover.svg'); }
.contextMenuItem.add_sort_d { background-image: url('../image/sbimenu/add_sort_d.svg'); }
.contextMenuItemHover.add_sort_d { background-image: url('../image/sbimenu/add_sort_d_hover.svg'); }
.contextMenuItem.add_sortm_a { background-image: url('../image/sbimenu/add_sortm_a.svg'); }
.contextMenuItemHover.add_sortm_a { background-image: url('../image/sbimenu/add_sortm_a_hover.svg'); }
.contextMenuItem.add_sortm_d { background-image: url('../image/sbimenu/add_sortm_d.svg'); }
.contextMenuItemHover.add_sortm_d { background-image: url('../image/sbimenu/add_sortm_d_hover.svg'); }
.contextMenuItem.add_top { background-image: url('../image/sbimenu/add_top.svg'); }
.contextMenuItemHover.add_top { background-image: url('../image/sbimenu/add_top_hover.svg'); }
.contextMenuItem.add_total_e { background-image: url('../image/sbimenu/add_total.svg'); }
.contextMenuItemHover.add_total_e { background-image: url('../image/sbimenu/add_total_hover.svg'); }
.contextMenuItem.dim_class { background-image: url('../image/dimension.svg'); }
.contextMenuItemHover.dim_class { background-image: url('../image/dimension_hover.svg'); }
.contextMenuItem.meas_class { background-image: url('../image/measure.svg'); }
.contextMenuItemHover.meas_class { background-image: url('../image/measure_hover.svg'); }
.contextMenuItem.target_class, .contextMenuItem.chg_target { background-image: url('../image/target.svg'); }
.contextMenuItemHover.target_class, .contextMenuItemHover.chg_target { background-image: url('../image/target_hover.svg'); }
.contextMenuItem.add_total_s { background-image: url('../image/sbimenu/add_total.svg'); }
.contextMenuItemHover.add_total_s { background-image: url('../image/sbimenu/add_total_hover.svg'); }
.contextMenuItem.chg_agg { background-image: url('../image/sbimenu/chg_agg.svg'); }
.contextMenuItemHover.chg_agg { background-image: url('../image/sbimenu/chg_agg_hover.svg'); }
.contextMenuItem.chg_format { background-image: url('../image/sbimenu/format.svg'); }
.contextMenuItemHover.chg_format { background-image: url('../image/sbimenu/format_hover.svg'); }
.contextMenuItem.ins_dim_a { background-image: url('../image/sbimenu/ins_dim_a.svg'); }
.contextMenuItemHover.ins_dim_a { background-image: url('../image/sbimenu/ins_dim_a_hover.svg'); }
.contextMenuItem.ins_dim_b { background-image: url('../image/sbimenu/ins_dim_b.svg'); }
.contextMenuItemHover.ins_dim_b { background-image: url('../image/sbimenu/ins_dim_b_hover.svg'); }
.contextMenuItem.add_int { background-image: url('../image/sbimenu/add_int.svg'); }
.contextMenuItemHover.add_int { background-image: url('../image/sbimenu/add_int_hover.svg'); }
.contextMenuItem.ins_meas_a { background-image: url('../image/sbimenu/ins_dim_a.svg'); }
.contextMenuItemHover.ins_meas_a { background-image: url('../image/sbimenu/ins_dim_a_hover.svg'); }
.contextMenuItem.ins_meas_b { background-image: url('../image/sbimenu/ins_dim_b.svg'); }
.contextMenuItemHover.ins_meas_b { background-image: url('../image/sbimenu/ins_dim_b_hover.svg'); }
.contextMenuItem.rem_axis { background-image: url('../image/sbimenu/rem_axis.svg'); }
.contextMenuItemHover.rem_axis { background-image: url('../image/sbimenu/rem_axis_hover.svg'); }
.contextMenuItem.rem_dim { background-image: url('../image/sbimenu/rem_axis.svg'); }
.contextMenuItemHover.rem_dim { background-image: url('../image/sbimenu/rem_axis_hover.svg'); }
.contextMenuItem.rem_meas { background-image: url('../image/sbimenu/rem_axis.svg'); }
.contextMenuItemHover.rem_meas { background-image: url('../image/sbimenu/rem_axis_hover.svg'); }
.contextMenuItem.rem_sort { background-image: url('../image/sbimenu/rem_sort.svg'); }
.contextMenuItemHover.rem_sort { background-image: url('../image/sbimenu/rem_sort_hover.svg'); }
.contextMenuItem.rem_topbottom { background-image: url('../image/sbimenu/rem_topbottom.svg'); }
.contextMenuItemHover.rem_topbottom { background-image: url('../image/sbimenu/rem_topbottom_hover.svg'); }
.contextMenuItem.rem_total { background-image: url('../image/sbimenu/rem_total.svg'); }
.contextMenuItemHover.rem_total { background-image: url('../image/sbimenu/rem_total_hover.svg'); }
.contextMenuItem.repl_axis { background-image: url('../image/sbimenu/repl_axis.svg'); }
.contextMenuItemHover.repl_axis { background-image: url('../image/sbimenu/repl_axis_hover.svg'); }
.contextMenuItem.repl_meas { background-image: url('../image/sbimenu/repl_axis.svg'); }
.contextMenuItemHover.repl_meas { background-image: url('../image/sbimenu/repl_axis_hover.svg'); }
.contextMenuItem.agg0_class { background-image: url('../image/sbimenu/agg_sum.svg'); }
.contextMenuItemHover.agg0_class { background-image: url('../image/sbimenu/agg_sum_hover.svg'); }
.contextMenuItem.agg1_class { background-image: url('../image/sbimenu/agg_avg.svg'); }
.contextMenuItemHover.agg1_class { background-image: url('../image/sbimenu/agg_avg_hover.svg'); }
.contextMenuItem.agg2_class { background-image: url('../image/sbimenu/agg_min.svg'); }
.contextMenuItemHover.agg2_class { background-image: url('../image/sbimenu/agg_min_hover.svg'); }
.contextMenuItem.agg3_class { background-image: url('../image/sbimenu/agg_max.svg'); }
.contextMenuItemHover.agg3_class { background-image: url('../image/sbimenu/agg_max_hover.svg'); }
.contextMenuItem.agg4_class { background-image: url('../image/sbimenu/agg_rsm.svg'); }
.contextMenuItemHover.agg4_class { background-image: url('../image/sbimenu/agg_rsm_hover.svg'); }
.contextMenuItem.agg11_class { background-image: url('../image/sbimenu/agg_median.svg'); }
.contextMenuItemHover.agg11_class { background-image: url('../image/sbimenu/agg_median_hover.svg'); }
.contextMenuItem.edit_formula { background-image: url('../image/stylemenu/edit_row.svg'); }
.contextMenuItemHover.edit_formula { background-image: url('../image/stylemenu/edit_row_hover.svg'); }
.contextMenuItem.set_ccycle { background-image: url('../image/sbimenu/color-cycling.svg'); }
.contextMenuItemHover.set_ccycle { background-image: url('../image/sbimenu/color-cycling_hover.svg'); }
.contextMenuItem.chg_visibility { background-image: url('../image/hidden.svg'); }
.contextMenuItemHover.chg_visibility { background-image: url('../image/hidden_hover.svg'); }
.contextMenuItem.chg_filter { background-image: url('../image/filter.svg'); }
.contextMenuItemHover.chg_filter { background-image: url('../image/filter_hover.svg'); }

.contextMenuItem
{
	background: white no-repeat 1px center;
	background-size: 16px 16px;
}
.contextMenuItemHover
{
	background: #F6A81B no-repeat 1px center;
	background-size: 16px 16px;
}
.contextMenuItem.sel
{
	font-weight: bold !important;
}

select#popupExportOptionsPageFormatSelect
{
  width: 332px;
  margin: 4px;
  margin-bottom: 0px;
}
/*
.fadeable
{
  opacity: 1.0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
*/
/*
.fadeIn
{
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1.0;
}

.fadeOut
{
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.0;
}
*/

.dropZones
{
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

.dropZones.slideIn
{
  left: 0px !important;
}

.dropZones.slideOut
{
  left: -200px !important;
}

label.labelRadio
{
  display: block;
  margin-left: 21px;
}

input.radioWithLabel
{
  float: left;
}
