/* 
    Document   : exportButton
    Created on : Sep 27, 2011
    Author     : nelson
    Description: Default style for export button component
*/


.exportButton{
  cursor: pointer;  
  background-color: #ccc;
  padding: 2px 5px;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.exportButton:hover{
  background-color: #333;
  color: #eee;
}/* @media print { */
/*     html, body { */
/*         height: auto; */
/*     } */
/*     #map_canvas { */
/*         height: 650px; */
/*     } */
/* } */

/* Remove X */
img[src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png"] {
    display: none;
}

.gm-style div div img
{
/* display: none; */
}
.gmapsoverlay-legend
{
    background-color:white;
    padding: 5px;
    border: solid 1px #000;
	border-radius: 5px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 12px;
}
.gmapsoverlay-legend-title {
    text-align: left;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 90%;
}

.gmapsoverlay-legend-scale ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

.gmapsoverlay-legend-scale ul li {
    display: block;
    float: left;
    width: 40px;
    margin-bottom: 6px;
    text-align: center;
    font-size: 80%;
    list-style: none;
    /* background-color:white; */
}

ul.gmapsoverlay-legend-labels li .gmapsoverlay-legend-cell,
ul.gmapsoverlay-legend-labels li .gmapsoverlay-legend-label
{
    display: block;
    /* float: left; */
    height: 15px;
    width: 40px;
}
ul.gmapsoverlay-legend-labels li .gmapsoverlay-legend-label
{
    /* background: transparent; */
}

.gmapsoverlay-legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
	margin-top: 20px;
}

.gmapsoverlay-latLngText {
    font-size: 70%;
    color: #999;
    clear: both;
	text-align: right;
}

.gmapsoverlay-legend-scale
/* .gmapsoverlay-legend-source */
{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjYwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,102,0,0.35) 0%, rgba(255,255,0,0.35) 50%, rgba(255,0,0,0.35) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,102,0,0.35)), color-stop(50%,rgba(255,255,0,0.35)), color-stop(100%,rgba(255,0,0,0.35))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,102,0,0.35) 0%,rgba(255,255,0,0.35) 50%,rgba(255,0,0,0.35) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,102,0,0.35) 0%,rgba(255,255,0,0.35) 50%,rgba(255,0,0,0.35) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,102,0,0.35) 0%,rgba(255,255,0,0.35) 50%,rgba(255,0,0,0.35) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,102,0,0.35) 0%,rgba(255,255,0,0.35) 50%,rgba(255,0,0,0.35) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59006600', endColorstr='#59ff0000',GradientType=1 ); /* IE6-8 */

/* opacity: 0.45; */

    width: 90%;
    display: block;
    height: 15px;
    position: relative;
    border: 1px solid black;
    margin-left: 10px;
    margin-right: 10px;
}

.gmapsoverlay-legend-label
{
    opacity: 1;
    padding-top: 5px;
    border-left: 1px solid black;
}
.gmapsoverlay-legend-label div
{
    left: -50%;
    position: relative;
    top: 15px;


}
.gmapsoverlay-legend-scale-range ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

.gmapsoverlay-legend-scale-range ul li {
	display: block;
	float: left;
	width: 50px;
	margin-bottom: 6px;
	text-align: center;
	font-size: 80%;
	list-style: none;
}

ul.gmapsoverlay-legend-labels-range li span {
	display: block;
	float: left;
	height: 15px;
	width: 50px;
}

.gmapsoverlay-tooltip
{
    width: 200px;
}

.gmapsoverlay-button {
    background: -moz-linear-gradient(center top , #3E779D, #65A9D7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 8px;
    border-top: 1px solid #96D1F8;
    box-shadow: 0 1px 0 #000000;
    color: #FFFFFF;
    font-family: Georgia,serif;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    vertical-align: middle;
}
.gmapsoverlay-button:hover {
    background: none repeat scroll 0 0 #28597A;
    border-top-color: #28597A;
    color: #CCCCCC;
}
.gmapsoverlay-button:active {
    background: none repeat scroll 0 0 #1B435E;
    border-top-color: #1B435E;
}

a.gmapsoverlay-button {
	color: #FFFFFF;
}
.map-controls {
    position: relative;
    height: 0;
    z-index: 1013;
}

/*
.map-container.pan,
.map-container.pan.normal {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.map-container.pan.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing !important;
}

.map-container.zoombox,
.map-container.zoombox.normal {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    cursor: url(/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewMapComponent/legacy/./images/zoom-cursor.svg), url(/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewMapComponent/legacy/./images/zoom-cursor.png), url(/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewMapComponent/legacy/./images/zoom-cursor.cur), zoom-in;
}

.map-container.zoombox.dragging,
.map-container.selection {
    cursor: crosshair;
}
*/

.map-container.zoombox{
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    cursor: url(/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewMapComponent/legacy/./images/zoom-cursor.svg), url(/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewMapComponent/legacy/./images/zoom-cursor.png), url(/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewMapComponent/legacy/./images/zoom-cursor.cur), zoom-in;
}

.map-container.pan{
    cursor: move;
}

.map-container.selection{
    cursor: default;
}.map-control-panel {
    position: absolute;
    right: 25px;
    margin-top: 25px;
}

.map-controls-mode {
    margin-top: 15px;
}

.map-control-panel .map-control-button {
    background-size: initial;
    border: 1px solid #a0a0a0;
    height: 30px;
    width: 30px;
}

.map-control-panel .map-control-button {
    background-image: url(/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewMapComponent/legacy/ControlPanel/../images/map-btns-sprite.png);
    background-image: url(/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewMapComponent/legacy/ControlPanel/../images/map-btns-sprite.svg);
    background-color: #FFFFFF;
}

.map-control-panel .map-control-button:hover {
    cursor: pointer;
    background-color: #a0a0a0;
}

.map-control-panel .map-control-button.map-control-zoom-in {
    background-position: left top;
    border-bottom: none;
}

.map-control-panel .map-control-button.map-control-zoom-out {
    background-position: left 120px;
    border-bottom: none;
}

.map-control-panel .map-control-button.map-control-pan {
    background-position: left 90px;
}

.map-control-panel .map-control-button.map-control-zoombox {
    background-position: left 60px;
}

.map-control-panel .map-control-button.map-control-select {
    background-position: left 30px;
    border-bottom: none;
}

.map-control-panel.pan .map-control-pan,
.map-control-panel.zoombox .map-control-zoombox,
.map-control-panel.selection .map-control-select {
    background-color: #a0a0a0;
}

/*----------------*/

.map-control-panel .map-control-button.map-control-zoom-in:hover {
    background-position: 30px top;
    border-bottom: none;
}

.map-control-panel .map-control-button.map-control-zoom-out:hover {
    background-position: 30px 120px;
}

.map-control-panel.pan .map-control-button.map-control-pan,
.map-control-panel .map-control-button.map-control-pan:hover {
    background-position: 30px 90px;
}

.map-control-panel.zoombox .map-control-button.map-control-zoombox,
.map-control-panel .map-control-button.map-control-zoombox:hover {
    background-position: 30px 60px;

}

.map-control-panel.selection .map-control-button.map-control-select,
.map-control-panel .map-control-button.map-control-select:hover {
    background-position: 30px 30px;
}
/**
 *
**/

.map-container .olDragBox,
.map-container .olDragDown {
    cursor: inherit;
}
.map-container.olMap.pan .olDragDown {
    cursor: inherit;
}

.map-container.olMap.zoombox .olDragDown{
    cursor: inherit;
}

.map-container .olControlAttribution {
    bottom: 3px;
}

.olMap .olHandlerBoxZoomBox,
.olMap .olHandlerBoxSelectFeature {
    border: 2px solid #2469B0;
    background-color: rgba(36, 105, 176, 0.21);
}

.olControlLayerSwitcher.olControlNoSelect,
.olControlMousePosition.olControlNoSelect {
    display: none;
}

/**
 * Styling of popups
 */

#featurePopup394246 {
    border: 3px solid #394246 !important;
}

#featurePopup11b4eb {
    border: 3px solid #11b4eb !important;
}

#featurePopup7a879a {
    border: 3px solid #7a879a !important;
}

#featurePopupe35c15 {
    border: 3px solid #e35c15 !important;
}

#featurePopup674f73 {
    border: 3px solid #674f73 !important;
}
.olPopupCloseBox {
    background: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewMapComponent/legacy/engines/google/../../images/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 28px !important;
    width: 28px !important;
    top: 1px !important;
    right: 1px !important;
}


#MapOverlay {
    background-color: white;
    z-index:0;
}

.map-attribution {
    font-size: 11px;
    text-align: right;
}.selectorComponent .pulldown {
  border-radius: 4px;
  width: 280px;
  position: relative;
}

.selectorComponent .selection {
  margin-top: 5px;
  width:282px;
  overflow: hidden;
}

.selectorComponent.collapsed .pulldown {
  border: none;
  width: 282px;
}

.selectorComponent.collapsed .pulldown:hover {
  border-color: #f47319;
}

.selectorComponent.collapsed .optionList {
  height: 0px;
  display: none;
}
.selectorComponent.expanded .selection {
  height: 0px;
  overflow-y: hidden;
}

.selectorComponent.collapsed .optionList .options {
	visibility: hidden;
}

.selectorComponent.collapsed .optionList .search {
	visibility: hidden;
}



.selectorComponent .pulldown .optionList {
  width: 645px;
  position: absolute;
  top: -2px;
  left: 282px;
  overflow: hidden;
  background-color: #EAF0F2;
  border-radius: 4px;
  border: 2px solid #E67A2C;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
}
.selectorComponent .pulldown .search {
  position: relative;
  margin-bottom: 5px;
  height:45px;

  -webkit-border-radius: 2px 2px 0px 0px;
        border-radius: 2px 2px 0px 0px;

  background: #424142; /* Old browsers */
}

.svg .selectorComponent .pulldown .search{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDE0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzQyNDE0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzU1NTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #424142 0%, #424142 45%, #555353 55%, #555553 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424142), color-stop(45%,#424142), color-stop(55%,#555353), color-stop(100%,#555553)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* IE10+ */
  background: linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* W3C */
  filter:none;
}

.no-svg .selectorComponent .pulldown .search{
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424142', endColorstr='#555553',GradientType=0 ); /* IE6-8 */
}






.selectorComponent .pulldown .search input {
  width: 586px;
  height: 25px;
  margin: 10px;
  margin-bottom: 5px;
  border: 1px solid silver;
  border-radius: 4px;
  position: relative;
}

.selectorComponent .pulldown .search input:hover {
  border: solid 1px #E67A2C;
}

.selectorComponent .pulldown .search:after {
  content: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewSelectorComponent/legacy/img/search.png');
  position:absolute;
  right: 12px;
  top: 12px;
}

.selectorComponent .pulldown .search input:-moz-placeholder {
  padding-left: 10px;
  width: 576px;
}

.selectorComponent .pulldown .search input::-webkit-input-placeholder {
  padding-left: 10px;
  font-size: 110%;
}

.selectorComponent ul {
  -webkit-margin-before: 0;
  padding: 0;
  margin: 0;
}

.selectorComponent li {
  list-style: none;
}


.selectorComponent .optionList .options {
/*  -moz-column-width:210px;
  -moz-column-gap:0;*/
  -webkit-column-width:210px;
  -webkit-column-gap:0;
  column-width:210px;
  column-gap:0;
  width: 639px;
  height: 150px;
  max-height:540px;
}

.selectorComponent .item {
  position: relative;
  background-color: #EAF0F2;
  margin: 2px 2px;
  display: inline-block;
  float:left;
  height: 26px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 208px;
  border-radius: 3px;
  cursor:pointer;
}

.selectorComponent .selection .item{
  margin: 2px 0px;
}

.selectorComponent .optionList .item{
  width:210px;
  font-size:12px;
  border-radius:0px;
  font-weight:400;
}


.no-svg .selectorComponent .item {
	width: 200px;
}


.selectorComponent .pulldown .item:last-child {
  border:none;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.selectorComponent .item.selected .name {
  width: 170px;
}
.selectorComponent .item .name {
  display: inline-block;
  margin-left: 15px;
  width:190px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectorComponent .selected.item {
  border-color: #b6b5b5;
}

.selectorComponent .options .item:hover,
.selectorComponent .options .selected.item{
  background-color: #316BB4;
  color:white;
}
.selectorComponent .selection .item {
  background: #f99f49; /* Old browsers */
  background: -moz-linear-gradient(top, #f99f49 1%, #f99f49 50%, #f47319 51%, #f47319 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f99f49), color-stop(50%,#f99f49), color-stop(51%,#f47319), color-stop(100%,#f47319)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f99f49 1%,#f99f49 50%,#f47319 51%,#f47319 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f99f49 1%,#f99f49 50%,#f47319 51%,#f47319 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f99f49 1%,#f99f49 50%,#f47319 51%,#f47319 100%); /* IE10+ */
  background: linear-gradient(top, #f99f49 1%,#f99f49 50%,#f47319 51%,#f47319 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99f49', endColorstr='#f47319',GradientType=0 ); /* IE6-9 */
  color: white;
}

.selectorComponent .item .new {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewSelectorComponent/legacy/img/new.png');
  position: absolute;
  top: 5px;
  right: 40px;
  height:16px;
  width: 36px;
  display: inline-block;
}

.selectorComponent .item.selected .check {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewSelectorComponent/legacy/img/cross.png');
  display: inline-block;
  height:25px;
  width:29px;
  margin: 0px;
  padding: 0;
  position: absolute;
  right: 2px;
  top: 0px;
}

.selectorComponent .selection .item {
  border: 1px solid rgba(255,255,255,0.7);
  border-radius: 4px;
  margin-bottom: 2px;
  width: 280px;
}
.selectorComponent .remove {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewSelectorComponent/legacy/img/cross.png');
  display: inline-block;
  width: 25px;
  height: 23px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}

.selectorComponent .item span {
  line-height: 25px;
}

.selectorComponent.collapsed .pulldown div.title {
  border: solid 1px #D8D8D8;
  width: 263px;
  height: 25px;
  padding-left: 16px;
  line-height: 23px;

}

.selectorComponent .pulldown div.title {
  border-radius: 4px;
  width:262px;
  height: 25;
  line-height: 23px;
  position: relative;
  vertical-align: center;
  padding: 0px;
  padding-left:15px;
  background: #ced4d4; /* Old browsers */
  cursor:pointer;
}
.selectorComponent.expanded .pulldown div.title {
  line-height: 21px;
}
.svg .selectorComponent .pulldown div.title {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2NlZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2U3ZWNlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2UzZWJlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGUwZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ced4d4 0%, #ced4d4 10%, #e7ecef 20%, #e3ebed 54%, #d8e0e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced4d4), color-stop(10%,#ced4d4), color-stop(20%,#e7ecef), color-stop(54%,#e3ebed), color-stop(100%,#d8e0e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ced4d4 0%,#ced4d4 10%,#e7ecef 20%,#e3ebed 54%,#d8e0e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ced4d4 0%,#ced4d4 10%,#e7ecef 20%,#e3ebed 54%,#d8e0e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ced4d4 0%,#ced4d4 10%,#e7ecef 20%,#e3ebed 54%,#d8e0e2 100%); /* IE10+ */
background: linear-gradient(top,  #ced4d4 0%,#ced4d4 10%,#e7ecef 20%,#e3ebed 54%,#d8e0e2 100%); /* W3C */
  filter:none;
}

.no-svg .selectorComponent .pulldown div.title {
  width:164px;
filter:none;
min-width:164px;
z-index: 50;

  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewSelectorComponent/legacy/img/selector-normal.png');
  background-repeat: no-repeat;
  background-position: 142px center;

}


.selectorComponent .pulldown div.title:after {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewSelectorComponent/legacy/img/selectorArrows.png');
  background-repeat: no-repeat;
  content: '\0000a0';
  width: 20px;
  position:absolute;
  right: 5px;
  top: 0px;
}
.no-svg .selectorComponent .pulldown div.title:after {
	right: 18px;
}


.selectorComponent.expanded .pulldown div.title:hover,
.selectorComponent.expanded .pulldown div.title {
	border: 2px solid #E67A2C;
  background: #d9ddde; /* Old browsers */
}

.svg .selectorComponent.expanded .pulldown div.title:hover,
.svg .selectorComponent.expanded .pulldown div.title {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZGRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWRkZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #d9ddde 0%, #ffffff 50%, #d9ddde 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9ddde), color-stop(50%,#ffffff), color-stop(100%,#d9ddde)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d9ddde 0%,#ffffff 50%,#d9ddde 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d9ddde 0%,#ffffff 50%,#d9ddde 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d9ddde 0%,#ffffff 50%,#d9ddde 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d9ddde 0%,#ffffff 50%,#d9ddde 100%); /* W3C */
  filter:none;
}

.no-svg .selectorComponent .pulldown div.title:hover {
	background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewSelectorComponent/legacy/img/selector-hover.png');
}


.no-svg .selectorComponent.expanded .pulldown div.title:hover,
.no-svg .selectorComponent.expanded .pulldown div.title {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ddde', endColorstr='#d9ddde',GradientType=0 ); /* IE6-8 */
}

.selectorComponent.expanded .pulldown div.title:hover:after,
.selectorComponent.expanded .pulldown div.title:after {
  background-position: 1px -51px;

}

.selectorComponent .pulldown div.title:hover:after {
  background-position: 1px -26px;
}

.selectorComponent .pulldown div.title:hover,
.selectorComponent.collapsed .pulldown div.title:hover {
	border: 2px solid #E67A2C;
  line-height:21px;
  padding-left:15px;
}

.selectorComponent.expanded div.title {
  border-color: #848382;
}


.selectorComponent .paginationContainer {
  border-top: 1px solid #ddd;
  margin-top: 5px;
  padding:10px;
  text-align: center;
  height:42px;

  -webkit-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;

  background: #424142; /* Old browsers */
}

.svg .selectorComponent .paginationContainer{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDE0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzQyNDE0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzU1NTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #424142 0%, #424142 45%, #555353 55%, #555553 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424142), color-stop(45%,#424142), color-stop(55%,#555353), color-stop(100%,#555553)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* IE10+ */
  background: linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* W3C */
  filter:none;
}

.no-svg .selectorComponent .paginationContainer{
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424142', endColorstr='#555553',GradientType=0 ); /* IE6-8 */
}

.selectorComponent .pagination {
  display: inline-block;
  color:white;
}
.selectorComponent .pagination div {
  display: inline-block;
  cursor: pointer;
}

.selectorComponent .validate {
  position:absolute;
  display:block;
  background: green;
  width: 70px;
  height: 28px;
  border:none;
  cursor:pointer;

  right:6px;
  bottom:6px;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  background: #42A409;;
}
.svg .selectorComponent .validate {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1ZGQxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1ZGQxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzQyYTQwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MmE0MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #55dd10 0%, #55dd10 40%, #42a409 60%, #42a409 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55dd10), color-stop(40%,#55dd10), color-stop(60%,#42a409), color-stop(100%,#42a409)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #55dd10 0%,#55dd10 40%,#42a409 60%,#42a409 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #55dd10 0%,#55dd10 40%,#42a409 60%,#42a409 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #55dd10 0%,#55dd10 40%,#42a409 60%,#42a409 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #55dd10 0%,#55dd10 40%,#42a409 60%,#42a409 100%); /* W3C */

}
.no-svg .selectorComponent .validate {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55dd10', endColorstr='#42a409',GradientType=0 ); /* IE6-8 */
}
.selectorComponent .validate:hover,
.svg .selectorComponent .validate:hover,
.no-svg .selectorComponent .validate:hover {
  background: #55dd10;
}

.selectorComponent .validate .image{
  height:100%;
  width:100%;
  display:block;
  background: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/NewSelectorComponent/legacy/img/v.png') 50% 50% no-repeat transparent;
}
/*
 * Global Definitions
 */
/*
 * Style
 */
.olapSelectorComponent {
  font-family: Trebuchet, Helvetica, Arial, sans-serif;
}
.olapSelectorComponent.collapsed .optionList {
  height: 0px;
  display: none;
}
.olapSelectorComponent.collapsed .optionList .options,
.olapSelectorComponent.collapsed .optionList .search {
  visibility: hidden;
}
.olapSelectorComponent.expanded .outsideArea .selection {
  height: 0px;
  overflow-y: hidden;
}
.olapSelectorComponent .pulldown {
  width: 180px;
  position: relative;
  padding-bottom: 4px;
  border-bottom: 2px solid #969b9e;
}
.olapSelectorComponent .pulldown .optionList {
  width: 800px;
  position: absolute;
  top: -2px;
  left: 182px;
  overflow: hidden;
  background-color: white;
  border: 2px solid #047eca;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.olapSelectorComponent .pulldown .optionList .header {
  height: 50px;
  border-bottom: 2px solid #047eca;
  text-align: center;
  line-height: 50px;
  background: -moz-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #dee4e6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* IE10+ */

  background: linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* W3C */

  background-color: #ecedef;
}
.olapSelectorComponent .pulldown .optionList .header > * {
  height: 50px;
  line-height: 50px;
}
.olapSelectorComponent .pulldown .optionList .footer {
  border-top: 2px solid #047eca;
  margin-top: 5px;
  padding: 10px;
  text-align: center;
  height: 40px;
  background: -moz-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #dee4e6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* IE10+ */

  background: linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* W3C */

  background-color: #ecedef;
}
.olapSelectorComponent .pulldown .optionList .leftArea {
  float: left;
  width: 198px;
  height: 583px;
  border-right: 2px solid #047eca;
}
.olapSelectorComponent .pulldown .optionList .leftArea .levels .item {
  width: 200px;
  height: 30px;
  margin: 0;
  line-height: 30px;
  background: none;
  float: none;
}
.olapSelectorComponent .pulldown .optionList .leftArea .levels .item.selected {
  background: #047eca;
  color: white;
}
.olapSelectorComponent .pulldown .optionList .leftArea .selectionPanel .label {
  margin-top: 15px;
  font-size: 80%;
  color: #047eca;
  border-bottom: 2px solid #047eca;
  text-align: center;
}
.olapSelectorComponent .pulldown .optionList .leftArea .selectionPanel .selection,
.olapSelectorComponent .outsideArea .selection {
  height: auto;
  font-size: 80%;
}
.olapSelectorComponent .pulldown .optionList .rightArea {
  float: left;
  width: 600px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search {
  width: 250px;
  float: left;
  position: relative;
  margin-bottom: 5px;
  height: 45px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search:after {
  content: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/OlapSelectorComponent/legacy/img/search.png');
  position: absolute;
  right: 12px;
  top: 12px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search input {
  width: 230px;
  height: 25px;
  margin: 10px;
  margin-top: 13px;
  border: 1px solid silver;
  border-radius: 4px;
  position: relative;
}

.olapSelectorComponent .pulldown .optionList .rightArea .search input::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.olapSelectorComponent .pulldown .optionList .rightArea .search input:hover {
  border: solid 1px #047eca;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search input:-moz-placeholder {
  padding-left: 10px;
  width: 230px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search input::-webkit-input-placeholder {
  padding-left: 10px;
  font-size: 110%;
}
.olapSelectorComponent .pulldown .optionList .rightArea .breadcrumb {
  display: inline-block;
  width: 335px;
  float: left;
  text-align: left;
  padding-left: 15px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .breadcrumb .separator {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/OlapSelectorComponent/legacy/img/arrow_bread.png");
  position: relative;
  top: 7px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .breadcrumb .name {
  color: #047eca;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer {
  height: 41px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination {
  border-top: 1px solid silver;
  display: inline-block;
  color: black;
  text-align: center;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination div {
  display: inline-block;
  cursor: pointer;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton {
  display: inline-block;
  width: 290px;
  padding: 5px;
  border: none;
  margin: 0;
  height: 35px;
  line-height: 35px;
  float: left;
  position: relative;
  text-size: 90%;
  background: -moz-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #dee4e6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* IE10+ */

  background: linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* W3C */

  background-color: #ecedef;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton.prev {
  width: 289px;
  border-right: 1px solid silver;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton.prev .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/OlapSelectorComponent/legacy/img/leftarrow.png");
  left: 10px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton.next .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/OlapSelectorComponent/legacy/img/rightarrow.png");
  right: 10px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton .arrow {
  width: 57px;
  height: 56px;
  position: absolute;
  top: -5px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton:hover {
  color: #047eca;
  background: white;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton:hover .arrow {
  background-position: 58px 0;
}
.olapSelectorComponent .selection {
  margin-top: 5px;
  width: 282px;
  overflow: hidden;
}
.olapSelectorComponent ul {
  -webkit-margin-before: 0;
  padding: 0;
  margin: 0;
}
.olapSelectorComponent li {
  list-style: none;
}
.olapSelectorComponent .optionList .leftArea .levels .item.selected {
  background: #047eca;
  color: white;
}
.olapSelectorComponent .optionList .rightArea .item:not(:hover).highlight .drill-down {
  background: #047eca;
  color: white;
  visibility: visible;
  background-image: none;
}
.olapSelectorComponent .optionList .rightArea .item:hover .drill-down .label {
  display: none;
}
.olapSelectorComponent .leftArea li,
.olapSelectorComponent .outsideArea li {
  list-style: none;
  position: relative;
}
.olapSelectorComponent .leftArea li .remove,
.olapSelectorComponent .outsideArea li .remove {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/OlapSelectorComponent/legacy/img/cross.png");
}
.olapSelectorComponent .leftArea li .target,
.olapSelectorComponent .outsideArea li .target {
  height: 30px;
  padding-left: 8px;
  position: relative;
  width: 180px;
  line-height: 30px;
  background: #047eca;
  margin: 4px;
  color: white;
}
.olapSelectorComponent .optionList .rightArea .options {
  /*  -moz-column-width:210px;
      -moz-column-gap:0;*/

  -webkit-column-width: 200px;
  -webkit-column-gap: 0;
  column-width: 200px;
  column-gap: 0;
  width: 600px;
  height: 420px;
}
.olapSelectorComponent .item {
  position: relative;
  margin: 2px 2px;
  display: inline-block;
  float: left;
  height: 26px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
  cursor: pointer;
}
.olapSelectorComponent .selection .item {
  margin: 2px 0px;
}
.olapSelectorComponent .optionList .item {
  width: 190px;
  font-size: 12px;
  border-radius: 0px;
  font-weight: 400;
}
.olapSelectorComponent .optionList .rightArea .item {
  width: 180px;
  margin-left: 12px;
}
.olapSelectorComponent .optionList .item .target,
.olapSelectorComponent .optionList .item .drill-down {
  display: inline-block;
  width: 25px;
}
.olapSelectorComponent .options .selected.item .drill-down {
  background-position: -27px 1px;
}
.olapSelectorComponent .options .selected.item:hover .drill-down {
  background-position: 2px 1px;
}
.olapSelectorComponent .optionList .item .target {
  width: 142px;
  height: 26px;
  line-height: 26px;
  position: relative;
}
.olapSelectorComponent .optionList .item .drill-down {
  visibility: hidden;
  text-align: center;
  width: 30px;
  margin-left: 10px;
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/OlapSelectorComponent/legacy/img/drill.png");
  background-repeat: no-repeat;
  background-position: 2px 1px;
}

.olapSelectorComponent .rightArea .options .item .drill-down-disabled,
.olapSelectorComponent .rightArea .options .item:hover .drill-down.drill-down-disabled,
.olapSelectorComponent .rightArea .options .selected.item .drill-down-disabled,
.olapSelectorComponent .rightArea .options .selected.item:hover .drill-down-disabled {
  cursor: default;
  opacity: 0.4;
  filter: alpha(opacity=40); /* IE */
  background-color: #eaedee;
  background-position: 2px 1px;
}

.no-svg .olapSelectorComponent .item {
  width: 200px;
}
.olapSelectorComponent .rightArea .item.selected .name {
  width: 113px;
}
.olapSelectorComponent .item .name {
  display: inline-block;
  width: 132px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
  white-space: nowrap;
}
.olapSelectorComponent .selected.item {
  border-color: #b6b5b5;
}
.olapSelectorComponent .options .item:hover .target,
.olapSelectorComponent .options .selected.item .drill-down,
.olapSelectorComponent .options .selected.item .target {
  background-color: #047eca;
  color: white;
  visibility: visible;
}
.olapSelectorComponent .rightArea .options .item:hover .drill-down,
.olapSelectorComponent .rightArea .options .item:hover .target {
  visibility: visible;
  background-color: #e5eff3;
  color: inherit;
}
.olapSelectorComponent .item.selected .check {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/OlapSelectorComponent/legacy/img/cross.png');
  display: inline-block;
  height: 25px;
  width: 29px;
  margin: 0px;
  padding: 0;
  position: absolute;
  right: -3px;
  top: 0px;
}
.olapSelectorComponent .selection .item {
  border: 1px solid rgba(255, 255, 255, 0.7);
  margin-bottom: 2px;
  width: 280px;
}
.olapSelectorComponent .remove {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/OlapSelectorComponent/legacy/img/cross.png');
  display: inline-block;
  width: 25px;
  height: 23px;
  position: absolute;
  top: 2px;
  right: 0px;
  cursor: pointer;
}
.olapSelectorComponent .item span {
  line-height: 25px;
}
.olapSelectorComponent.collapsed .pulldown div.title {
  width: 163px;
  height: 25px;
  line-height: 23px;
}
.olapSelectorComponent .pulldown div.title {
  width: 162px;
  height: 25px;
  line-height: 23px;
  position: relative;
  vertical-align: center;
  padding: 0px;
  padding-left: 15px;
  cursor: pointer;
}
.no-svg .olapSelectorComponent .pulldown div.title {
  width: 164px;
  min-width: 164px;
  z-index: 50;
}
.olapSelectorComponent .pulldown div.title:after {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/components/OlapSelectorComponent/legacy/img/selectorArrows.png');
  background-position: 0 -51px;
  background-repeat: no-repeat;
  content: '\0000a0';
  width: 20px;
  position: absolute;
  right: 5px;
  top: 0px;
}
.no-svg .olapSelectorComponent .pulldown div.title:after {
  right: 18px;
}
.olapSelectorComponent.expanded .pulldown div.title:hover:after,
.olapSelectorComponent.expanded .pulldown div.title:after {
  background-position: 1px -51px;
}
.olapSelectorComponent.expanded div.title {
  border-color: #848382;
}
.olapSelectorComponent .button {
  position: absolute;
  display: block;
  cursor: pointer;
  background: none;
  height: 30px;
  border: 1px solid silver;
  border-radius: 0;
  font-weight: 350;
  font-size: 90%;
  line-height: 30px;
  background: -moz-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #dee4e6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* IE10+ */

  background: linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* W3C */

  background-color: #ecedef;
}
.olapSelectorComponent .button.validate {
  width: 200px;
  right: 15px;
  bottom: 15px;
}
.olapSelectorComponent .button.cancel {
  width: 90px;
  right: 230px;
  bottom: 15px;
}
.hidePopup {
  display: none;
}

.popupComponent {
  position: absolute;
  z-index: 10000;
  border: 6px solid #361b0a;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
  padding: 20px 30px 0 10px;
  background-color: white;
}

.popupComponent a.close {
    position: absolute;
    text-decoration: none;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/close_button.png");
}
.popupComponent .arrow {
  position: absolute;
}

.popupComponent.east .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/vertex_l.png");
  height: 45px;
  width: 18px;
  left: -18px;
}
.popupComponent.west .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/vertex_r.png");
  height: 45px;
  width: 18px;
  right: -18px;
}
.popupComponent.north .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/vertex_d.png");
  height: 18px;
  width: 45px;
  bottom: -18px;
}
.popupComponent.south .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/vertex_u.png");
  top: -18px;
  height: 18px;
  width: 45px;
}

#popupComponentOverlay{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  z-index:99;
}
.popupTitle {
    font-size:10px;
    line-height: 20px;
    display: inline-block;
}

.popupTitle:hover {
     color: #006cb8;
}

.exportOptions div {
    font-size: 10px;
    line-height: 20px;
    height:40px;
}

.exportOptions div:hover {
    color: #006cb8;
    cursor: pointer;
}


.exportChartPopupButtons {
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;

  width:100%;
  height:40px;
  background-color: #e6e6e6;
  vertical-align: middle;
  padding-left:10px;
  border-bottom: 1px solid whitesmoke;
  border-left: 1px solid #cdd1d5;
  border-top: 1px solid #cdd1d5;
  border-right: 1px solid #cdd1d5;
}


.exportChartTitle {
  float:left;
  margin-right: 5px;
  line-height: 40px;
}


.exportChartPopupButton {
  width:60px;
  background-color: #393d42;
  margin-top: 10px;
  cursor: pointer;
  color: white;
  float:left;
  text-align: center;
  height:20px;
  line-height: 20px;
  vertical-align: middle;

}

.exportChartButtonNotLast {
  border-right: 1px solid black ;
}

.exportChartButtonMiddle {
  border-left: 2px solid #4b5459;
}

.exportChartPopupButton:hover {
  background-color: #2d9fc6;
}

.exportChartOkButton {
  width:60px;
  margin-left:10px;
}

.exportChartOkButtonDisabled {
  background-color: #cdd1d5;
  cursor: default;
}

.exportChartOkButtonDisabled:hover {
  background-color: #cdd1d5;
}



.exportChartPopupButtonClicked {
  background-color: #2d9fc6;
}



.exportChartInput {
	padding-left:10px;
	float: left;
	margin-top: 7px;
}

.exportChartInput input#width, .exportChartInput input#height {
  width: 50px;
}


.exportChartMasterDiv {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  width:97%;
  height:100%
}
.exportChartMasterDivHolder {
  width:100%;
  background-color: #ffffff;
}


.exportChartImageDiv {
  border: 1px solid #cdd1d5;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-radius: 0px 0px 7px 7px;
  border-radius: 0px 0px 7px 7px;
  text-align: center;
  background-color:#ffffff;
  width:100%;
  height:100%
}
.hidePopup {
  display: none;
}

.popupComponent {
  position: absolute;
  z-index: 10000;
  border: 6px solid #361b0a;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
  padding: 20px 30px 0 10px;
  background-color: white;
}

.popupComponent a.close {
    position: absolute;
    text-decoration: none;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/close_button.png");
}
.popupComponent .arrow {
  position: absolute;
}

.popupComponent.east .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/vertex_l.png");
  height: 45px;
  width: 18px;
  left: -18px;
}
.popupComponent.west .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/vertex_r.png");
  height: 45px;
  width: 18px;
  right: -18px;
}
.popupComponent.north .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/vertex_d.png");
  height: 18px;
  width: 45px;
  bottom: -18px;
}
.popupComponent.south .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/components/PopupComponent/legacy/img/vertex_u.png");
  top: -18px;
  height: 18px;
  width: 45px;
}

#popupComponentOverlay{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  z-index:99;
}
/*!
 * Copyright 2002 - 2017 Webdetails, a Hitachi Vantara company. All rights reserved.
 *
 * This software was developed by Webdetails and is provided under the terms
 * of the Mozilla Public License, Version 2.0, or any later version. You may not use
 * this file except in compliance with the license. If you need a copy of the license,
 * please go to http://mozilla.org/MPL/2.0/. The Initial Developer is Webdetails.
 *
 * Software distributed under the Mozilla Public License is distributed on an "AS IS"
 * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. Please refer to
 * the license for the specific language governing your rights and limitations.
 */


/*
 * WDStyleGuide Template CSS  
 *
 * Use this as a template to format the styles of specific projects. Most of 
 * the most commonly used classes/rules are already written here. The file is
 * divided in the following sections:
 *
 *    Fonts
 *    Style Resets
 *    1. BACKGROUND 
 *    2. HEADER 
 *    3. FILTER CELLS
 *    4. DATA CELLS
 *    5. TABLES
 *    6. CHARTS 
 *    7. SELECTORS AND BUTTONS 
 *    Other 
 *    Project Specific Items  
 *
*/


/* =============================================================================
   Project Specific Items 
   ========================================================================== */



/* TextEditor */

/*#popupEditorId > div.textEditorComponent ,div.textEditorIframe,*/

div.textEditorComponent{
    width: 100%;
/*    height: 100%; */
}

div.textEditorIframeContainer{
    width: 100%;
/*    height: 100%; */
}


div.textEditorIframe{
    overflow: hidden;
}

div.textEditorIframe > iframe{
    width: 100%;
}

iv.textEditorRightPanel {
    float: right;
    height: 100%;
    overflow-y: auto;
    width: 300px;
    background-color: #eeeeee;
    display: none;
    font-size: 10px;
}


div.textEditorControls{
    background-color: rgb(87, 163, 43);
    border: 1px solid;
    padding: 5px;
    overflow: hidden;
}


div.textEditorFile{
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
}

div.textEditorButtons{
    float: right;
}

div.textEditorButtons button{
    margin-right: 10px;
    font-size: 10px;
}


div.textEditorControls > div{
    display: inline-block;
}

div.textEditorNotification{

    min-height: 25px;
    background-color: white;
    border: 1px solid rgb(130, 146, 153);
    text-align: center;
    font-size: 13px;
    padding-top: 5px;

}

span.textEditorNotificationMsg{
    display: none;
}