',
@@ -82,5 +65,23 @@ define([
}, 250, null, lang.partial(domConstruct.destroy, this.domNode));
}
});
+
+ // main growler dijit container
+ var Growler = declare([_WidgetBase, _TemplatedMixin], {
+ templateString: '',
+ postCreate: function () {
+ this.inherited(arguments);
+ this.own(topic.subscribe('growler/growl', lang.hitch(this, 'growl')));
+ },
+ growl: function (props) {
+ props = props || {};
+ lang.mixin(props, {
+ _container: this.containerNode
+ });
+ var g = new Growl(props);
+ g.startup();
+ }
+ });
+
return Growler;
});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/Help.js b/viewer/js/gis/dijit/Help.js
index 2e605fecc..461a374d1 100644
--- a/viewer/js/gis/dijit/Help.js
+++ b/viewer/js/gis/dijit/Help.js
@@ -1,5 +1,5 @@
define([
- 'dojo/_base/declare',
+ 'dojo/_base/declare',
'dijit/_WidgetBase',
'dijit/_TemplatedMixin',
'dijit/_WidgetsInTemplateMixin',
@@ -8,45 +8,46 @@ define([
'dojo/on',
'dojo/_base/lang',
'dojo/aspect',
- 'dojo/text!./Help/templates/HelpDialog.html',
+ 'dojo/text!./Help/templates/HelpDialog.html',
+ 'dojo/i18n!./Help/nls/resource',
'dijit/form/Button',
- 'dijit/layout/TabContainer',
- 'dijit/layout/ContentPane',
- 'xstyle/css!./Help/css/Help.css'
-], function (declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, _FloatingWidgetMixin, domConstruct, on, lang, aspect, template) {
+ 'dijit/layout/TabContainer',
+ 'dijit/layout/ContentPane',
+ 'xstyle/css!./Help/css/Help.css'
+], function (declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, _FloatingWidgetMixin, domConstruct, on, lang, aspect, template, i18n) {
- return declare([_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, _FloatingWidgetMixin], {
- widgetsInTemplate: true,
- templateString: template,
- title: 'Help',
- html: 'Help',
- domTarget: 'helpDijit',
- draggable: false,
- baseClass: 'helpDijit',
- postCreate: function () {
- this.inherited(arguments);
- this.parentWidget.draggable = this.draggable;
- if (this.parentWidget.toggleable) {
- this.own(aspect.after(this.parentWidget, 'toggle', lang.hitch(this, function () {
- this.containerNode.resize();
- })));
- } else {
- var help = domConstruct.place(this.html, this.domTarget);
- on(help, 'click', lang.hitch(this.parentWidget, 'show'));
- }
- },
- onOpen: function () {
- // Make sure the content is visible when the dialog
- // is shown/opened. Something like this may be needed
- // for all floating windows that don't open on startup?
- if (!this.openOnStartup) {
- this.containerNode.resize();
- }
- },
- close: function () {
- if (this.parentWidget.hide) {
- this.parentWidget.hide();
- }
- }
- });
+ return declare([_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, _FloatingWidgetMixin], {
+ widgetsInTemplate: true,
+ templateString: template,
+ i18n: i18n,
+ html: 'link'.replace('link', i18n.link),
+ domTarget: 'helpDijit',
+ draggable: false,
+ baseClass: 'helpDijit',
+ postCreate: function () {
+ this.inherited(arguments);
+ this.parentWidget.draggable = this.draggable;
+ if (this.parentWidget.toggleable) {
+ this.own(aspect.after(this.parentWidget, 'toggle', lang.hitch(this, function () {
+ this.containerNode.resize();
+ })));
+ } else {
+ var help = domConstruct.place(this.html, this.domTarget);
+ on(help, 'click', lang.hitch(this.parentWidget, 'show'));
+ }
+ },
+ onOpen: function () {
+ // Make sure the content is visible when the dialog
+ // is shown/opened. Something like this may be needed
+ // for all floating windows that don't open on startup?
+ if (!this.openOnStartup) {
+ this.containerNode.resize();
+ }
+ },
+ close: function () {
+ if (this.parentWidget.hide) {
+ this.parentWidget.hide();
+ }
+ }
+ });
});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/Help/nls/es/resource.js b/viewer/js/gis/dijit/Help/nls/es/resource.js
new file mode 100644
index 000000000..6c4cea412
--- /dev/null
+++ b/viewer/js/gis/dijit/Help/nls/es/resource.js
@@ -0,0 +1,36 @@
+define ({
+ link: 'Ayuda',
+ navigation: {
+ title: 'Navegación',
+ description: 'Mapa de navegación a través del ratón y el teclado:',
+ pan1: 'Arrastre a la sartén',
+ recenter: 'SHIFT + Clic para volver a centrar',
+ zoomIn1: 'SHIFT + Arrastre para ampliar la imagen',
+ zoomOut1: 'SHIFT + CTRL + arrastrar para alejarla',
+ zoomIn2: 'De desplazamiento del ratón hacia adelante para hacer un zoom',
+ zoomOut2: 'De desplazamiento del ratón hacia atrás para reducir',
+ pan2: 'Utilice las teclas de flecha para desplazarse',
+ zoomInLevel: '+ clave para hacer un zoom un nivel',
+ zoomOutLevel: '- clave para alejar un nivel',
+ zoomCenter: 'Doble click para Centro y hacer zoom in'
+ },
+ search: {
+ title: 'Buscar',
+ description: 'Una variedad de búsquedas se pueden realizar en el buscador:',
+ address: 'Buscar por Dirección',
+ place: 'Búsqueda Territorial',
+ etc: 'Buscar por código postal, condado, etc.'
+ },
+ tools: {
+ title: 'Herramientas',
+ description: 'Además de las capacidades de búsqueda, se proporcionan las siguientes herramientas:',
+ measure: {
+ title: 'Medición',
+ description: 'La herramienta de medida proporciona la capacidad para dibujar un punto, una línea o un polígono en el mapa y especificar la unidad de medida.'
+ },
+ print: {
+ title: 'Impresión',
+ description: 'Este mapa se puede exportar a diversos formatos y diseños.'
+ }
+ }
+});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/Help/nls/fr/resource.js b/viewer/js/gis/dijit/Help/nls/fr/resource.js
new file mode 100644
index 000000000..6bda3e07f
--- /dev/null
+++ b/viewer/js/gis/dijit/Help/nls/fr/resource.js
@@ -0,0 +1,36 @@
+define ({
+ link: 'Aide',
+ navigation: {
+ title: 'Navigation',
+ description: 'Navigation dans la carte en utilisant la souris et le clavier:',
+ pan1: 'Clic + Glisser pour déplacer la carte',
+ recenter: 'SHIFT + Clic pour recentrer',
+ zoomIn1: 'SHIFT + Sélection pour agrandir',
+ zoomOut1: 'SHIFT + CTRL + glisser pour effectuer un zoom arrière',
+ zoomIn2: 'Roulette de la souris vers l\'avant pour agrandir',
+ zoomOut2: 'Roulette de la souris vers l\'avant pour rétrécir',
+ pan2: 'Utilisez les flèches pour vous déplacer',
+ zoomInLevel: '+ pour zoomer un niveau',
+ zoomOutLevel: '- pour rétrécir un niveau',
+ zoomCenter: 'Double cliquez pour centrer et agrandir'
+ },
+ search: {
+ title: 'Recherche',
+ description: 'Une variété de recherches peuvent être effectuées dans la zone de recherche:',
+ address: 'Recherche par adresse',
+ place: 'Recherche par nom de lieu',
+ etc: 'Recherche par code postal, région, etc.'
+ },
+ tools: {
+ title: 'Outils',
+ description: 'En plus des capacités de recherche, les outils suivants sont fournis:',
+ measure: {
+ title: 'Mesurer',
+ description: 'L\'outil de mesure fournit les capacités pour dessiner un point, une ligne ou un polygone sur la carte et indiquer l\'unité de mesure.'
+ },
+ print: {
+ title: 'Impression',
+ description: 'Cette carte peut être exportée vers différents formats et mises en page.'
+ }
+ }
+});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/Help/nls/pt-br/resource.js b/viewer/js/gis/dijit/Help/nls/pt-br/resource.js
new file mode 100644
index 000000000..2793d85a8
--- /dev/null
+++ b/viewer/js/gis/dijit/Help/nls/pt-br/resource.js
@@ -0,0 +1,36 @@
+define({
+ link: 'Ajuda',
+ navigation: {
+ title: 'Navegação',
+ description: 'Navegação no mapa usando o rato e o teclado',
+ pan1: 'Arrastar para mover',
+ recenter: 'SHIFT + Clique para centrar',
+ zoomIn1: 'SHIFT + Arrastar para aproximar à área',
+ zoomOut1: 'SHIFT + CTRL + Arrastar para afastar',
+ zoomIn2: 'Mover roda de deslocação do rato para a frente para aproximar',
+ zoomOut2: 'Mover roda de deslocação do rato para trás para afastar',
+ pan2: 'Teclas de seta para mover',
+ zoomInLevel: 'Tecla + para aproximar um nível',
+ zoomOutLevel: 'Tecla - para afastar um nível',
+ zoomCenter: 'Duplo clique para centrar e aproximar'
+ },
+ search: {
+ title: 'Pesquisa',
+ description: 'A caixa de pesquisa suporta vários tipos de pesquisa:',
+ address: 'Pesquisar por endereço',
+ place: 'Pesquisar por nome do local',
+ etc: 'Pesquisar por código postal, região, etc.'
+ },
+ tools: {
+ title: 'Ferramentas',
+ description: 'Além das funcionalidades de pesquisa, são incluídas as seguintes ferramentas:',
+ measure: {
+ title: 'Medir',
+ description: 'A ferramenta de medição permite desenhar um ponto, linha, ou polígono, no mapa e especificar a unidade de medida.'
+ },
+ print: {
+ title: 'Imprimir',
+ description: 'Este mapa pode ser exportado para diferentes formatos e modelos.'
+ }
+ }
+});
diff --git a/viewer/js/gis/dijit/Help/nls/pt-pt/resource.js b/viewer/js/gis/dijit/Help/nls/pt-pt/resource.js
new file mode 100644
index 000000000..2793d85a8
--- /dev/null
+++ b/viewer/js/gis/dijit/Help/nls/pt-pt/resource.js
@@ -0,0 +1,36 @@
+define({
+ link: 'Ajuda',
+ navigation: {
+ title: 'Navegação',
+ description: 'Navegação no mapa usando o rato e o teclado',
+ pan1: 'Arrastar para mover',
+ recenter: 'SHIFT + Clique para centrar',
+ zoomIn1: 'SHIFT + Arrastar para aproximar à área',
+ zoomOut1: 'SHIFT + CTRL + Arrastar para afastar',
+ zoomIn2: 'Mover roda de deslocação do rato para a frente para aproximar',
+ zoomOut2: 'Mover roda de deslocação do rato para trás para afastar',
+ pan2: 'Teclas de seta para mover',
+ zoomInLevel: 'Tecla + para aproximar um nível',
+ zoomOutLevel: 'Tecla - para afastar um nível',
+ zoomCenter: 'Duplo clique para centrar e aproximar'
+ },
+ search: {
+ title: 'Pesquisa',
+ description: 'A caixa de pesquisa suporta vários tipos de pesquisa:',
+ address: 'Pesquisar por endereço',
+ place: 'Pesquisar por nome do local',
+ etc: 'Pesquisar por código postal, região, etc.'
+ },
+ tools: {
+ title: 'Ferramentas',
+ description: 'Além das funcionalidades de pesquisa, são incluídas as seguintes ferramentas:',
+ measure: {
+ title: 'Medir',
+ description: 'A ferramenta de medição permite desenhar um ponto, linha, ou polígono, no mapa e especificar a unidade de medida.'
+ },
+ print: {
+ title: 'Imprimir',
+ description: 'Este mapa pode ser exportado para diferentes formatos e modelos.'
+ }
+ }
+});
diff --git a/viewer/js/gis/dijit/Help/nls/resource.js b/viewer/js/gis/dijit/Help/nls/resource.js
new file mode 100644
index 000000000..137c491ff
--- /dev/null
+++ b/viewer/js/gis/dijit/Help/nls/resource.js
@@ -0,0 +1,42 @@
+define({
+ root: {
+ link: 'Help',
+ navigation: {
+ title: 'Navigation',
+ description: 'Map navigation using mouse and keyboard:',
+ pan1: 'Drag to pan',
+ recenter: 'SHIFT + Click to recenter',
+ zoomIn1: 'SHIFT + Drag to zoom in',
+ zoomOut1: 'SHIFT + CTRL + Drag to zoom out',
+ zoomIn2: 'Mouse Scroll Forward to zoom in',
+ zoomOut2: 'Mouse Scroll Backward to zoom out',
+ pan2: 'Use Arrow keys to pan',
+ zoomInLevel: '+ key to zoom in a level',
+ zoomOutLevel: '- key to zoom out a level',
+ zoomCenter: 'Double Click to Center and Zoom in'
+ },
+ search: {
+ title: 'Search',
+ description: 'A variety of searches can be performed in the search box:',
+ address: 'Search by Address',
+ place: 'Search by Place Name',
+ etc: 'Search By Zip Code, County, etc.'
+ },
+ tools: {
+ title: 'Tools',
+ description: 'In addition to Search capabilities, the following tools are provided:',
+ measure: {
+ title: 'Measure',
+ description: 'The measure tool provides the capabilities to draw a point, line, or polygon on the map and specify the unit of measurement.'
+ },
+ print: {
+ title: 'Print',
+ description: 'This map can be exported to various formats and layouts.'
+ }
+ }
+ },
+ 'es': true,
+ 'fr': true,
+ 'pt-br': true,
+ 'pt-pt': true
+});
diff --git a/viewer/js/gis/dijit/Help/templates/HelpDialog.html b/viewer/js/gis/dijit/Help/templates/HelpDialog.html
index 82a31e5b9..da701f42f 100644
--- a/viewer/js/gis/dijit/Help/templates/HelpDialog.html
+++ b/viewer/js/gis/dijit/Help/templates/HelpDialog.html
@@ -2,42 +2,42 @@
-
+
- Map navigation using mouse and keyboard:
+ ${i18n.navigation.description}
- Drag to pan
+ ${i18n.navigation.pan1}
- SHIFT + Click to recenter
+ ${i18n.navigation.recenter}
- SHIFT + Drag to zoom in
+ ${i18n.navigation.zoomIn1}
- SHIFT + CTRL + Drag to zoom out
+ ${i18n.navigation.zoomOut1}
- Mouse Scroll Forward to zoom in
+ ${i18n.navigation.zoomIn2}
- Mouse Scroll Backward to zoom out
+ ${i18n.navigation.zoomOut2}
- Use Arrow keys to pan
+ ${i18n.navigation.pan2}
- + key to zoom in a level
+ ${i18n.navigation.zoomInLevel}
- - key to zoom out a level
+ ${i18n.navigation.zoomOutLevel}
- Double Click to Center and Zoom in
+ ${i18n.navigation.zoomCenter}
@@ -45,35 +45,34 @@
-
- A variety of searches can be performed in the search box:
+
+ ${i18n.search.description}
- Search by Address
+ ${i18n.search.address}
- Search by Place Name
+ ${i18n.search.place}
- Search By Zip Code, County, etc.
+ ${i18n.search.etc}
-
- In addition to Search capabilities, the following tools are provided:
+
+ ${i18n.tools.description}
- Measure
+ ${i18n.tools.measure.title}
- The measure tool provides the capabilities to draw a point, line, or polygon
- on the map and specify the unit of measurement.
+ ${i18n.tools.measure.description}
- Print
+ ${i18n.tools.print.title}
- This map can be exported to varouis formats and layouts
+ ${i18n.tools.print.description}
diff --git a/viewer/js/gis/dijit/Identify.js b/viewer/js/gis/dijit/Identify.js
index 1a7775fd5..ccae23bc5 100644
--- a/viewer/js/gis/dijit/Identify.js
+++ b/viewer/js/gis/dijit/Identify.js
@@ -16,13 +16,18 @@ define([
'esri/tasks/IdentifyTask',
'esri/tasks/IdentifyParameters',
'esri/dijit/PopupTemplate',
+ 'esri/layers/FeatureLayer',
+ 'esri/TimeExtent',
+ 'dojo/Deferred',
'dojo/text!./Identify/templates/Identify.html',
'dojo/i18n!./Identify/nls/resource',
+ './Identify/Formatters',
'dijit/form/Form',
'dijit/form/FilteringSelect',
'xstyle/css!./Identify/css/Identify.css'
-], function (declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, MenuItem, lang, array, all, topic, query, domStyle, domClass, Moveable, Memory, IdentifyTask, IdentifyParameters, PopupTemplate, IdentifyTemplate, i18n) {
+], function (declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, MenuItem, lang, array, all, topic, query, domStyle, domClass, Moveable, Memory, IdentifyTask, IdentifyParameters, PopupTemplate, FeatureLayer, TimeExtent, Deferred, IdentifyTemplate, i18n, Formatters) {
+
return declare([_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin], {
widgetsInTemplate: true,
templateString: IdentifyTemplate,
@@ -32,11 +37,31 @@ define([
mapClickMode: null,
identifies: {},
infoTemplates: {},
+ featureLayers: {},
ignoreOtherGraphics: true,
createDefaultInfoTemplates: true,
draggable: false,
layerSeparator: '||',
allLayersId: '***',
+ excludedFields: [
+ 'objectid', 'esri_oid', 'shape',
+ 'shape.len', 'shape_length',
+ 'shape_len', 'shape.stlength()',
+ 'shape.area', 'shape_area', 'shape.starea()'
+ ],
+ /**
+ * field type mappings to their default formatter functions
+ * overriding this object will globally replace the default
+ * formatter function for the field type
+ * @type {Object}
+ */
+ defaultFormatters: {
+ 'esriFieldTypeSmallInteger': Formatters.formatInt,
+ 'esriFieldTypeInteger': Formatters.formatInt,
+ 'esriFieldTypeSingle': Formatters.formatFloat,
+ 'esriFieldTypeDouble': Formatters.formatFloat,
+ 'esriFieldTypeDate': Formatters.formatDate
+ },
postCreate: function () {
this.inherited(arguments);
@@ -44,56 +69,10 @@ define([
this.identifies = {};
}
this.layers = [];
- array.forEach(this.layerInfos, function (layerInfo) {
- var lyrId = layerInfo.layer.id;
- var layer = this.map.getLayer(lyrId);
- if (layer) {
- var url = layer.url;
-
- // handle feature layers
- if (layer.declaredClass === 'esri.layers.FeatureLayer') {
-
- // If is a feature layer that does not support
- // Identify (Feature Service), create an
- // infoTemplate for the graphic features. Create
- // it only if one does not already exist.
- if (layer.capabilities && layer.capabilities.toLowerCase().indexOf('data') < 0) {
- if (!layer.infoTemplate) {
- var infoTemplate = this.getInfoTemplate(layer, layer.layerId);
- if (infoTemplate) {
- layer.setInfoTemplate(infoTemplate);
- return;
- }
- }
- }
-
- // If it is a feature Layer, we get the base url
- // for the map service by removing the layerId.
- var lastSL = url.lastIndexOf('/' + layer.layerId);
- if (lastSL > 0) {
- url = url.substring(0, lastSL);
- }
- }
-
- this.layers.push({
- ref: layer,
- layerInfo: layerInfo,
- identifyTask: new IdentifyTask(url)
- });
-
- // rebuild the layer selection list when any layer is hidden
- // but only if we have a UI
- if (this.parentWidget) {
- layer.on('visibility-change', lang.hitch(this, function (evt) {
- if (evt.visible === false) {
- this.createIdentifyLayerList();
- }
- }));
- }
- }
- }, this);
+ this.addLayerInfos(this.layerInfos);
this.own(topic.subscribe('mapClickMode/currentSet', lang.hitch(this, 'setMapClickMode')));
+ this.own(topic.subscribe('identify/addLayerInfos', lang.hitch(this, 'addLayerInfos')));
this.map.on('click', lang.hitch(this, function (evt) {
if (this.mapClickMode === 'identify') {
@@ -117,6 +96,80 @@ define([
this.setupDraggable();
}
},
+ /**
+ * handles an array of layerInfos to call addLayerInfo for each layerInfo
+ * @param {Array} layerInfos The array of layer infos
+ * @returns {undefined}
+ */
+ addLayerInfos: function (layerInfos) {
+ array.forEach(layerInfos, lang.hitch(this, 'addLayerInfo'));
+ },
+ /**
+ * Initializes an infoTemplate on a layerInfo.layer object if it doesn't
+ * exist already.
+ * @param {object} layerInfo A cmv layerInfo object that contains a layer property
+ * @return {undefined}
+ */
+ addLayerInfo: function (layerInfo) {
+ var lyrId = layerInfo.layer.id, layer = this.map.getLayer(lyrId), infoTemplate;
+ if (layer) {
+ var url = layer.url;
+
+ // handle feature layers
+ if (layer.declaredClass === 'esri.layers.FeatureLayer') {
+
+ // If is a feature layer that does not support
+ // Identify (Feature Service), create an
+ // infoTemplate for the graphic features. Create
+ // it only if one does not already exist.
+ if (layer.capabilities && array.indexOf(layer.capabilities.toLowerCase(), 'data') < 0) {
+ if (!layer.infoTemplate) {
+ infoTemplate = this.getInfoTemplate(layer, layer.layerId);
+ if (infoTemplate) {
+ layer.setInfoTemplate(infoTemplate);
+ var fieldInfos = infoTemplate.info.fieldInfos;
+ var formatters = array.filter(fieldInfos, function (info) {
+ return (info.formatter);
+ });
+ if (formatters.length > 0) {
+ layer.on('graphic-draw', lang.hitch(this, 'getFormattedFeature', layer.infoTemplate));
+ }
+ }
+ }
+ }
+
+ // If it is a feature Layer, we get the base url
+ // for the map service by removing the layerId.
+ var lastSL = url.lastIndexOf('/' + layer.layerId);
+ if (lastSL > 0) {
+ url = url.substring(0, lastSL);
+ }
+ } else if (layer.layerInfos) {
+ array.forEach(layer.layerInfos, lang.hitch(this, function (subLayerInfo) {
+ var subLayerId = subLayerInfo.id;
+ if ((layerInfo.layerIds === null) || (array.indexOf(layerInfo.layerIds, subLayerId) >= 0)) {
+ this.getFeatureLayerForDynamicSublayer(layer, subLayerId);
+ }
+ }));
+ }
+
+ this.layers.push({
+ ref: layer,
+ layerInfo: layerInfo,
+ identifyTask: new IdentifyTask(url)
+ });
+
+ // rebuild the layer selection list when any layer is hidden
+ // but only if we have a UI
+ if (this.parentWidget) {
+ layer.on('visibility-change', lang.hitch(this, function (evt) {
+ if (evt.visible === false) {
+ this.createIdentifyLayerList();
+ }
+ }));
+ }
+ }
+ },
addRightClickMenu: function () {
this.map.on('MouseDown', lang.hitch(this, function (evt) {
this.mapRightClick = evt;
@@ -129,7 +182,7 @@ define([
setupDraggable: function () {
var popups, handles, pointers, movable;
// the popup, handle (title) and pointers (arrows)
- popups = query('div.esriPopup');
+ popups = query('div.esriPopup');
handles = query('div.esriPopup div.titlePane div.title');
pointers = query('div.esriPopup div.outerPointer, div.esriPopup div.pointer');
@@ -150,8 +203,27 @@ define([
}
},
executeIdentifyTask: function (evt) {
+
+
+ var mapPoint = evt.mapPoint;
+ var identifyParams = this.createIdentifyParams(mapPoint);
+ var identifies = [];
+ var identifiedlayers = [];
+ var selectedLayer = this.getSelectedLayer();
+
+
if (!this.checkForGraphicInfoTemplate(evt)) {
- return;
+ // return;
+ var layer = array.filter(this.layers, function (l) {
+ return l.ref.id === evt.graphic._layer.id;
+ })[0];
+ if (!layer) {
+ return;
+ }
+ identifiedlayers.push(layer);
+ var d = new Deferred();
+ identifies.push(d.promise);
+ d.resolve([{feature: evt.graphic}]);
}
this.map.infoWindow.hide();
@@ -162,25 +234,23 @@ define([
return;
}
- var mapPoint = evt.mapPoint;
- var identifyParams = this.createIdentifyParams(mapPoint);
- var identifies = [];
- var identifiedlayers = [];
- var selectedLayer = this.getSelectedLayer();
- array.forEach(this.layers, lang.hitch(this, function (layer) {
- var layerIds = this.getLayerIds(layer, selectedLayer);
+ array.forEach(this.layers, lang.hitch(this, function (lyr) {
+ var layerIds = this.getLayerIds(lyr, selectedLayer);
if (layerIds.length > 0) {
var params = lang.clone(identifyParams);
- params.layerDefinitions = layer.ref.layerDefinitions;
+ params.layerDefinitions = lyr.ref.layerDefinitions;
params.layerIds = layerIds;
- identifies.push(layer.identifyTask.execute(params));
- identifiedlayers.push(layer);
+ if (lyr.ref.timeInfo && lyr.ref.timeInfo.timeExtent && this.map.timeExtent) {
+ params.timeExtent = new TimeExtent(this.map.timeExtent.startTime, this.map.timeExtent.endTime);
+ }
+ identifies.push(lyr.identifyTask.execute(params));
+ identifiedlayers.push(lyr);
}
}));
if (identifies.length > 0) {
- this.map.infoWindow.setTitle( this.i18n.mapInfoWindow.identifyingTitle );
+ this.map.infoWindow.setTitle(this.i18n.mapInfoWindow.identifyingTitle);
this.map.infoWindow.setContent('');
this.map.infoWindow.show(mapPoint);
all(identifies).then(lang.hitch(this, 'identifyCallback', identifiedlayers), lang.hitch(this, 'identifyError'));
@@ -192,7 +262,7 @@ define([
// handle feature layers that come from a feature service
// and may already have an info template
var layer = evt.graphic._layer;
- if (layer.infoTemplate || (layer.capabilities && layer.capabilities.toLowerCase().indexOf('data') < 0)) {
+ if (layer.infoTemplate || (layer.capabilities && array.indexOf(layer.capabilities.toLowerCase(), 'data') < 0)) {
return false;
}
@@ -254,7 +324,7 @@ define([
} else if ((ref.declaredClass === 'esri.layers.FeatureLayer') && !isNaN(ref.layerId)) { // feature layer
// do not allow feature layer that does not support
// Identify (Feature Service)
- if (ref.capabilities && ref.capabilities.toLowerCase().indexOf('data') > 0) {
+ if (ref.capabilities && array.indexOf(ref.capabilities.toLowerCase(), 'data') >= 0) {
layerIds = [ref.layerId];
}
} else if (ref.layerInfos) {
@@ -286,16 +356,33 @@ define([
if (result.feature.infoTemplate === undefined) {
var infoTemplate = this.getInfoTemplate(ref, null, result);
if (infoTemplate) {
+ if (result.layerId && ref.layerInfos && infoTemplate.info.showAttachments) {
+ result.feature._layer = this.getFeatureLayerForDynamicSublayer(ref, result.layerId);
+ }
result.feature.setInfoTemplate(infoTemplate);
} else {
return;
}
}
- fSet.push(result.feature);
+ var feature = this.getFormattedFeature(result.feature.infoTemplate, result.feature);
+ fSet.push(feature);
}, this);
}, this);
this.map.infoWindow.setFeatures(fSet);
},
+ getFormattedFeature: function (infoTemplate, feature) {
+ if (feature.graphic) {
+ feature = feature.graphic;
+ }
+ if (feature && infoTemplate && infoTemplate.info) {
+ array.forEach(infoTemplate.info.fieldInfos, function (info) {
+ if (typeof info.formatter === 'function') {
+ feature.attributes[info.fieldName] = info.formatter(feature.attributes[info.fieldName], feature.attributes, lang.clone(feature.geometry));
+ }
+ });
+ }
+ return feature;
+ },
identifyError: function (err) {
this.map.infoWindow.hide();
topic.publish('viewer/handleError', {
@@ -308,43 +395,41 @@ define([
},
getInfoTemplate: function (layer, layerId, result) {
- var popup = null,
- content = null;
+ var popup, config;
if (result) {
- layerId = result.layerId;
+ layerId = result.layerId || layer.layerId;
} else if (layerId === null) {
layerId = layer.layerId;
}
- // see if we have a Popup config defined for this layer
- if (this.identifies.hasOwnProperty(layer.id)) {
- if (this.identifies[layer.id].hasOwnProperty(layerId)) {
- popup = this.identifies[layer.id][layerId];
- if (popup) {
- if (typeof (popup.declaredClass) !== 'string') { // has it been created already?
- if (popup.content) {
- content = popup.content;
- }
- popup = new PopupTemplate(popup);
- if (content) {
- popup.setContent(content);
- }
- this.identifies[layer.id][layerId] = popup;
- }
+ var ids = this.identifies;
+ if (ids.hasOwnProperty(layer.id)) {
+ if (ids[layer.id].hasOwnProperty(layerId)) {
+ popup = ids[layer.id][layerId];
+ if (popup instanceof PopupTemplate) {
+ return popup;
}
}
+ } else {
+ ids[layer.id] = {};
}
- // if no Popup config found, create one with all attributes or layer fields
- if (!popup) {
- popup = this.createInfoTemplate(layer, layerId, result);
+ // by mixin in the users config with the default props we can
+ // generate a config object that provides the basics automatically
+ // while letting the user override only the parts they want...like mediaInfos
+ config = lang.mixin(this.createDefaultInfoTemplate(layer, layerId, result), ids[layer.id][layerId] || {});
+
+ popup = ids[layer.id][layerId] = new PopupTemplate(config);
+ if (config.content) {
+ popup.setContent(config.content);
}
- return popup;
+ return ids[layer.id][layerId];
},
- createInfoTemplate: function (layer, layerId, result) {
- var popup = null, fieldInfos = [];
+ createDefaultInfoTemplate: function (layer, layerId, result) {
+ var popup = null,
+ fieldInfos = [];
var layerName = this.getLayerName(layer);
if (result) {
@@ -357,57 +442,77 @@ define([
if (attributes) {
for (var prop in attributes) {
if (attributes.hasOwnProperty(prop)) {
- fieldInfos.push({
+ this.addDefaultFieldInfo(fieldInfos, {
fieldName: prop,
+ label: this.makeSentenceCase(prop),
visible: true
});
}
}
}
- // from the outFields of the layer
+ // from the outFields of the layer
} else if (layer._outFields && (layer._outFields.length) && (layer._outFields[0] !== '*')) {
var fields = layer.fields;
- array.forEach(layer._outFields, function (fieldName) {
+ array.forEach(layer._outFields, lang.hitch(this, function (fieldName) {
var foundField = array.filter(fields, function (field) {
return (field.name === fieldName);
});
if (foundField.length > 0) {
- fieldInfos.push({
+ this.addDefaultFieldInfo(fieldInfos, {
fieldName: foundField[0].name,
label: foundField[0].alias,
visible: true
});
}
- });
+ }));
- // from the fields layer
+ // from the fields layer
} else if (layer.fields) {
- array.forEach(layer.fields, function (field) {
- fieldInfos.push({
+ array.forEach(layer.fields, lang.hitch(this, function (field) {
+ this.addDefaultFieldInfo(fieldInfos, {
fieldName: field.name,
- label: field.alias,
+ label: field.alias === field.name ? this.makeSentenceCase(field.name) : field.alias,
visible: true
});
- });
+ }));
}
if (fieldInfos.length > 0) {
- popup = new PopupTemplate({
+ popup = {
title: layerName,
fieldInfos: fieldInfos,
showAttachments: (layer.hasAttachments)
- });
- if (!this.identifies[layer.id]) {
- this.identifies[layer.id] = {};
- }
- this.identifies[layer.id][layerId] = popup;
+ };
}
return popup;
},
+ /**
+ * converts a string to a nice sentence case format
+ * @url http://stackoverflow.com/questions/196972/convert-string-to-title-case-with-javascript
+ * @param {string} str The string to convert
+ * @return {string} The converted string
+ */
+ makeSentenceCase: function (str) {
+ if (!str.length) {
+ return '';
+ }
+ str = str.toLowerCase().replace(/_/g, ' ').split(' ');
+ for (var i = 0; i < str.length; i++) {
+ str[i] = str[i].charAt(0).toUpperCase() + (str[i].substr(1).length ? str[i].substr(1) : '');
+ }
+ return (str.length ? str.join(' ') : str);
+ },
+
+ addDefaultFieldInfo: function (fieldInfos, field) {
+ var nameLC = field.fieldName.toLowerCase();
+ if (array.indexOf(this.excludedFields, nameLC) < 0) {
+ fieldInfos.push(field);
+ }
+ },
createIdentifyLayerList: function () {
var id = null;
@@ -474,8 +579,10 @@ define([
if (layerInfo.subLayerIds !== null) {
return false;
}
- // only include sublayers that are currently visible
- if (array.indexOf(ref.visibleLayers, layerInfo.id) < 0) {
+
+ if (this.isDefaultLayerVisibility(ref) && !this.checkVisibilityRecursive(ref, layerInfo.id)) {
+ return false;
+ } else if (array.indexOf(ref.visibleLayers, layerInfo.id) < 0) {
return false;
}
// only include sublayers that are within the current map scale
@@ -503,6 +610,44 @@ define([
return true;
},
+ /**
+ * recursively check all a layer's parent(s) layers for visibility
+ * this only needs to be done if the layers visibleLayers array is
+ * set to the default visibleLayers. After setVisibleLayers
+ * is called the first time group layers are NOT included.
+ * @param {esri/layers/DynamicMapServiceLayer} layer The layer reference
+ * @param {Integer} id The sublayer id to check for visibility
+ * @return {Boolean} Whether or not the sublayer is visible based on its parent(s) visibility
+ */
+ checkVisibilityRecursive: function (layer, id) {
+ var layerInfos = array.filter(layer.layerInfos, function (layerInfo) {
+ return (layerInfo.id === id);
+ });
+ if (layerInfos.length > 0) {
+ var info = layerInfos[0];
+ if (layer.visibleLayers.indexOf(id) !== -1 &&
+ (info.parentLayerId === -1 || this.checkVisibilityRecursive(layer, info.parentLayerId))) {
+ return true;
+ }
+ }
+ return false;
+ },
+ /**
+ * check each defaultVisibility and if its not in the visibleLayers
+ * array, then the layer has non-default layer visibility
+ * @param {esri/layers/DynamicMapServiceLayer} layer The layer reference
+ * @return {Boolean} Whether or not we're operating with the default visibleLayers array or not
+ */
+ isDefaultLayerVisibility: function (layer) {
+ for (var i = 0; i < layer.layerInfos.length; i++) {
+ var item = layer.layerInfos[i];
+ if (item.defaultVisibility && layer.visibleLayers.indexOf(item.id) === -1) {
+ return false;
+ }
+ }
+ return true;
+ },
+
getLayerName: function (layer) {
var name = null;
if (layer.layerInfo) {
@@ -525,6 +670,17 @@ define([
return name;
},
+ getFeatureLayerForDynamicSublayer: function (layer, layerId) {
+ if (!layer.layerInfos) {
+ return false;
+ }
+ var key = layer.url + '/' + layerId;
+ if (!this.featureLayers.hasOwnProperty(key)) {
+ this.featureLayers[key] = new FeatureLayer(key);
+ }
+ return this.featureLayers[key];
+ },
+
layerVisibleAtCurrentScale: function (layer) {
var mapScale = this.map.getScale();
return !(((layer.maxScale !== 0 && mapScale < layer.maxScale) || (layer.minScale !== 0 && mapScale > layer.minScale)));
@@ -544,14 +700,12 @@ define([
}
// remove any infoTemplates that might
// interfere with clicking on a feature
- } else {
- if (layer.infoTemplate) {
- this.infoTemplates[layer.id] = lang.clone(layer.infoTemplate);
- layer.infoTemplate = null;
- }
+ } else if (layer.infoTemplate) {
+ this.infoTemplates[layer.id] = lang.clone(layer.infoTemplate);
+ layer.infoTemplate = null;
}
}
}, this);
}
});
-});
\ No newline at end of file
+});
diff --git a/viewer/js/gis/dijit/Identify/Formatters.js b/viewer/js/gis/dijit/Identify/Formatters.js
new file mode 100644
index 000000000..b7c259e9d
--- /dev/null
+++ b/viewer/js/gis/dijit/Identify/Formatters.js
@@ -0,0 +1,21 @@
+define([
+ 'dojo/number',
+ 'dojo/date/locale'
+], function (number, locale) {
+ return {
+ formatInt: function (value) {
+ return number.format(value);
+ },
+ formatFloat: function (value) {
+ return number.format(value, {
+ places: 3
+ });
+ },
+ formatDate: function (value) {
+ var date = new Date(value);
+ return locale.format(date, {
+ formatLength: 'short'
+ });
+ }
+ };
+});
diff --git a/viewer/js/gis/dijit/Identify/nls/es/resource.js b/viewer/js/gis/dijit/Identify/nls/es/resource.js
new file mode 100644
index 000000000..fda941704
--- /dev/null
+++ b/viewer/js/gis/dijit/Identify/nls/es/resource.js
@@ -0,0 +1,12 @@
+define ({
+ labels: {
+ selectLayer: 'Seleccione la opción "Todas las capas visibles" o una sola capa para identificar:',
+ allVisibleLayers: '*** Todas las capas visibles ***'
+ },
+ rightClickMenuItem: {
+ label: 'Identificar aquí'
+ },
+ mapInfoWindow: {
+ identifyingTitle: 'Identificando...'
+ }
+});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/Identify/nls/fr/resource.js b/viewer/js/gis/dijit/Identify/nls/fr/resource.js
new file mode 100644
index 000000000..013c39962
--- /dev/null
+++ b/viewer/js/gis/dijit/Identify/nls/fr/resource.js
@@ -0,0 +1,12 @@
+define ({
+ labels: {
+ selectLayer: 'Choisissez "Tous les calques visibles" ou une seule couche pour identifier:',
+ allVisibleLayers: '*** Tous les calques visibles ***'
+ },
+ rightClickMenuItem: {
+ label: 'Identifier ici'
+ },
+ mapInfoWindow: {
+ identifyingTitle: 'Identification...'
+ }
+});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/Identify/nls/pt-br/resource.js b/viewer/js/gis/dijit/Identify/nls/pt-br/resource.js
new file mode 100644
index 000000000..1a4d3327b
--- /dev/null
+++ b/viewer/js/gis/dijit/Identify/nls/pt-br/resource.js
@@ -0,0 +1,12 @@
+define({
+ labels: {
+ selectLayer: 'Escolha "Todas Camadas Visíveis" ou uma camada única para Identificar:',
+ allVisibleLayers: '*** Todas Camadas Visíveis ***'
+ },
+ rightClickMenuItem: {
+ label: 'Identifique aqui'
+ },
+ mapInfoWindow: {
+ identifyingTitle: 'Identificando...'
+ }
+});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/Identify/nls/pt-pt/resource.js b/viewer/js/gis/dijit/Identify/nls/pt-pt/resource.js
new file mode 100644
index 000000000..ab2998ff7
--- /dev/null
+++ b/viewer/js/gis/dijit/Identify/nls/pt-pt/resource.js
@@ -0,0 +1,12 @@
+define({
+ labels: {
+ selectLayer: 'Escolher "Todas as camadas visíveis" ou uma única camada para identificar:',
+ allVisibleLayers: '*** Todas as camadas visíveis ***'
+ },
+ rightClickMenuItem: {
+ label: 'Identificar aqui'
+ },
+ mapInfoWindow: {
+ identifyingTitle: 'A identificar...'
+ }
+});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/Identify/nls/resource.js b/viewer/js/gis/dijit/Identify/nls/resource.js
index 54093328c..f46111906 100644
--- a/viewer/js/gis/dijit/Identify/nls/resource.js
+++ b/viewer/js/gis/dijit/Identify/nls/resource.js
@@ -10,5 +10,9 @@ define ({
mapInfoWindow: {
identifyingTitle: 'Identifying...'
}
- }
+ },
+ 'es': true,
+ 'fr': true,
+ 'pt-br': true,
+ 'pt-pt': true
});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/LayerControl.js b/viewer/js/gis/dijit/LayerControl.js
index 7d76297f0..4a8f14098 100644
--- a/viewer/js/gis/dijit/LayerControl.js
+++ b/viewer/js/gis/dijit/LayerControl.js
@@ -28,12 +28,13 @@ define([
esriConfig,
require
) {
+
var LayerControl = declare([WidgetBase, Container], {
map: null,
layerInfos: [],
icons: {
- expand: 'fa-plus-square-o',
- collapse: 'fa-minus-square-o',
+ expand: 'fa-caret-right',
+ collapse: 'fa-caret-down',
checked: 'fa-check-square-o',
unchecked: 'fa-square-o',
update: 'fa-refresh',
@@ -50,6 +51,7 @@ define([
noLegend: null,
noZoom: null,
noTransparency: null,
+ menu: {},
subLayerMenu: {},
swipe: null,
swiperButtonStyle: 'position:absolute;top:20px;left:120px;z-index:50;',
@@ -67,7 +69,9 @@ define([
csv: './LayerControl/controls/CSV',
georss: './LayerControl/controls/GeoRSS',
wms: './LayerControl/controls/WMS',
+ wfs: './LayerControl/controls/WFS',
kml: './LayerControl/controls/KML',
+ vectortile: './LayerControl/controls/VectorTile',
webtiled: './LayerControl/controls/WebTiled',
imagevector: './LayerControl/controls/ImageVector',
raster: './LayerControl/controls/Raster',
@@ -82,6 +86,8 @@ define([
});
return;
}
+ // add any user-defined controls - possibly for user-defined layers
+ this._controls = lang.mixin(this._controls, options.controls || {});
},
postCreate: function () {
this.inherited(arguments);
@@ -115,10 +121,22 @@ define([
this.overlayReorder = false;
this.vectorReorder = false;
}
+ this._addLayerControls(this.layerInfos);
+ this._subscribeToTopics();
+ },
+ _subscribeToTopics: function () {
+ this._removeLayerControlsHandler = topic.subscribe('layerControl/removeLayerControls', lang.hitch(this, function (layers) {
+ this._removeLayerControls(layers);
+ }));
+ this._addLayerControlsHandler = topic.subscribe('layerControl/addLayerControls', lang.hitch(this, function (layerInfos) {
+ this._addLayerControls(layerInfos);
+ }));
+ },
+ _addLayerControls: function (layerInfos) {
// load only the modules we need
var modules = [];
// push layer control mods
- array.forEach(this.layerInfos, function (layerInfo) {
+ array.forEach(layerInfos, function (layerInfo) {
// check if control is excluded
var controlOptions = layerInfo.controlOptions;
if (controlOptions && controlOptions.exclude === true) {
@@ -136,7 +154,7 @@ define([
}, this);
// load and go
require(modules, lang.hitch(this, function () {
- array.forEach(this.layerInfos, function (layerInfo) {
+ array.forEach(layerInfos, function (layerInfo) {
// exclude from widget
var controlOptions = layerInfo.controlOptions;
if (controlOptions && controlOptions.exclude === true) {
@@ -150,11 +168,51 @@ define([
this._checkReorder();
}));
},
+ // remove the control given an array of layers
+ _removeLayerControls: function (layers) {
+ // helper function to determine which children's layer have a match in the layers parameter
+ function _filterList (entry) {
+ return layers.reduce(function (prior, curr) {
+ return (curr === entry.layer) || prior;
+ }, false);
+ }
+ // get a list of ALL the layers that meet the criteria
+ var layerControlList = this._overlayContainer.getChildren().filter(function (c) {
+ return _filterList(c);
+ }).concat(
+ this._vectorContainer.getChildren().filter(function (c) {
+ return _filterList(c);
+ })).concat(
+ this.getChildren().filter(function (c) {
+ return _filterList(c);
+ }));
+ // follow the same logic as when the layers were added
+ array.forEach(layerControlList, lang.hitch(this, function (layerControl) {
+ if (this.separated) {
+ if (layerControl._layerType === 'overlay') {
+ this._overlayContainer.removeChild(layerControl);
+ } else {
+ this._vectorContainer.removeChild(layerControl);
+ }
+ } else {
+ this.removeChild(layerControl);
+ }
+ layerControl.destroy();
+ }));
+ },
// create layer control and add to appropriate _container
- _addControl: function (layerInfo, LayerControl) {
- var layerControl = new LayerControl({
+ _addControl: function (layerInfo, Control) {
+ var layer = (typeof layerInfo.layer === 'string') ? this.map.getLayer(layerInfo.layer) : layerInfo.layer;
+ if (layerInfo.controlOptions && (layerInfo.type === 'dynamic' || layerInfo.type === 'feature')) {
+ if (layer.loaded) {
+ this._applyLayerControlOptions(layerInfo.controlOptions, layer);
+ } else {
+ layer.on('load', lang.hitch(this, '_applyLayerControlOptions', layerInfo.controlOptions));
+ }
+ }
+ var layerControl = new Control({
controller: this,
- layer: (typeof layerInfo.layer === 'string') ? this.map.getLayer(layerInfo.layer) : layerInfo.layer, // check if we have a layer or just a layer id
+ layer: layer,
layerTitle: layerInfo.title,
controlOptions: lang.mixin({
noLegend: null,
@@ -163,18 +221,84 @@ define([
swipe: null,
expanded: false,
sublayers: true,
- menu: this.subLayerMenu[layerInfo.type]
+ menu: this.menu[layerInfo.type],
+ subLayerMenu: this.subLayerMenu[layerInfo.type]
}, layerInfo.controlOptions)
});
layerControl.startup();
+ var position = layerInfo.position || 0;
if (this.separated) {
if (layerControl._layerType === 'overlay') {
- this._overlayContainer.addChild(layerControl, 'first');
+ this._overlayContainer.addChild(layerControl, position);
} else {
- this._vectorContainer.addChild(layerControl, 'first');
+ this._vectorContainer.addChild(layerControl, position);
}
} else {
- this.addChild(layerControl, 'first');
+ this.addChild(layerControl, position);
+ }
+ },
+ _applyLayerControlOptions: function (controlOptions, layer) {
+ if (typeof controlOptions.includeUnspecifiedLayers === 'undefined' && typeof controlOptions.subLayerInfos === 'undefined' && typeof controlOptions.excludedLayers === 'undefined') {
+ return;
+ }
+ var esriLayerInfos = [];
+ // Case 1: only show the layers that are explicitly listed
+ if (!controlOptions.includeUnspecifiedLayers && controlOptions.subLayerInfos && controlOptions.subLayerInfos.length !== 0) {
+ var subLayerInfos = array.map(controlOptions.subLayerInfos, function (sli) {
+ return sli.id;
+ });
+ array.forEach(layer.layerInfos, function (li) {
+ if (array.indexOf(subLayerInfos, li.id) !== -1) {
+ esriLayerInfos.push(li);
+ }
+ });
+ // Case 2: show ALL layers except those in the excluded list
+ } else if (controlOptions.excludedLayers) {
+ array.forEach(layer.layerInfos, function (li) {
+ if (array.indexOf(controlOptions.excludedLayers, li.id) === -1) {
+ esriLayerInfos.push(li);
+ }
+ });
+ // Case 3: just override the values found in the subLayerInfos
+ } else if (controlOptions.subLayerInfos) {
+ // show ALL layers that are in the map service's layerInfos, but take care to override the properties of each subLayerInfo as configured
+ this._mixinLayerInfos(layer.layerInfos, controlOptions.subLayerInfos);
+ this._setSublayerVisibilities(layer);
+ return;
+ }
+ // Finally, if we made use of the esriLayerInfos, make sure to apply all the subLayerInfos that were defined to our new array of esri layer infos
+ if (controlOptions.subLayerInfos) {
+ this._mixinLayerInfos(esriLayerInfos, controlOptions.subLayerInfos);
+ }
+ layer.layerInfos = esriLayerInfos;
+ this._setSublayerVisibilities(layer);
+ },
+ _setSublayerVisibilities: function (layer) {
+ var visibleIds = array.map(array.filter(layer.layerInfos, function (li) {
+ return li.defaultVisibility;
+ }), function (l) {
+ return l.id;
+ });
+ layer.setVisibleLayers(visibleIds);
+ },
+ _mixinLayerInfos: function (esriLayerInfos, subLayerInfos) {
+ // for each of the sublayers, go through the subLayerInfos from the controlOptions and see if defaultVisiblity is set to true or false
+ // then set each of the layer.layerInfos defaultVisibility appropriately
+ // assume defaultVisibility is true if it's not defined
+ if (subLayerInfos && subLayerInfos.length !== 0) {
+ array.forEach(subLayerInfos, function (sli) {
+ if (typeof sli.defaultVisibility === 'undefined') {
+ sli.defaultVisibility = true;
+ }
+ });
+ array.forEach(esriLayerInfos, function (li) {
+ var sli = array.filter(subLayerInfos, function (s) {
+ return s.id === li.id;
+ }).shift();
+ if (sli) {
+ lang.mixin(li, sli);
+ }
+ });
}
},
// move control up in controller and layer up in map
@@ -224,29 +348,37 @@ define([
if (this.separated) {
if (this.vectorReorder) {
array.forEach(this._vectorContainer.getChildren(), function (child) {
- if (!child.getPreviousSibling()) {
- child._reorderUp.set('disabled', true);
- } else {
- child._reorderUp.set('disabled', false);
+ if (child._reorderUp) {
+ if (!child.getPreviousSibling()) {
+ child._reorderUp.set('disabled', true);
+ } else {
+ child._reorderUp.set('disabled', false);
+ }
}
- if (!child.getNextSibling()) {
- child._reorderDown.set('disabled', true);
- } else {
- child._reorderDown.set('disabled', false);
+ if (child._reorderDown) {
+ if (!child.getNextSibling()) {
+ child._reorderDown.set('disabled', true);
+ } else {
+ child._reorderDown.set('disabled', false);
+ }
}
}, this);
}
if (this.overlayReorder) {
array.forEach(this._overlayContainer.getChildren(), function (child) {
- if (!child.getPreviousSibling()) {
- child._reorderUp.set('disabled', true);
- } else {
- child._reorderUp.set('disabled', false);
+ if (child._reorderUp) {
+ if (!child.getPreviousSibling()) {
+ child._reorderUp.set('disabled', true);
+ } else {
+ child._reorderUp.set('disabled', false);
+ }
}
- if (!child.getNextSibling()) {
- child._reorderDown.set('disabled', true);
- } else {
- child._reorderDown.set('disabled', false);
+ if (child._reorderDown) {
+ if (!child.getNextSibling()) {
+ child._reorderDown.set('disabled', true);
+ } else {
+ child._reorderDown.set('disabled', false);
+ }
}
}, this);
}
@@ -263,25 +395,23 @@ define([
var map = this.map;
if (layer.spatialReference === map.spatialReference) {
map.setExtent(layer.fullExtent, true);
- } else {
- if (esriConfig.defaults.geometryService) {
- esriConfig.defaults.geometryService.project(lang.mixin(new ProjectParameters(), {
- geometries: [layer.fullExtent],
- outSR: map.spatialReference
- }), function (r) {
- map.setExtent(r[0], true);
- }, function (e) {
- topic.publish('viewer/handleError', {
- source: 'LayerControl._zoomToLayer',
- error: e
- });
- });
- } else {
+ } else if (esriConfig.defaults.geometryService) {
+ esriConfig.defaults.geometryService.project(lang.mixin(new ProjectParameters(), {
+ geometries: [layer.fullExtent],
+ outSR: map.spatialReference
+ }), function (r) {
+ map.setExtent(r[0], true);
+ }, function (e) {
topic.publish('viewer/handleError', {
source: 'LayerControl._zoomToLayer',
- error: 'esriConfig.defaults.geometryService is not set'
+ error: e
});
- }
+ });
+ } else {
+ topic.publish('viewer/handleError', {
+ source: 'LayerControl._zoomToLayer',
+ error: 'esriConfig.defaults.geometryService is not set'
+ });
}
},
// layer swiper
@@ -359,4 +489,4 @@ define([
}
});
return LayerControl;
-});
\ No newline at end of file
+});
diff --git a/viewer/js/gis/dijit/LayerControl/controls/CSV.js b/viewer/js/gis/dijit/LayerControl/controls/CSV.js
index d5efc3784..e34b5db92 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/CSV.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/CSV.js
@@ -13,6 +13,7 @@ define([
_Control,
legendUtil
) {
+
var CSVControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'vector', // constant
_esriLayerType: 'csv', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/Dynamic.js b/viewer/js/gis/dijit/LayerControl/controls/Dynamic.js
index caa52aa16..c4ce2a847 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/Dynamic.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/Dynamic.js
@@ -39,6 +39,7 @@ define([
legendUtil,
i18n
) {
+
var DynamicControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'overlay', // constant
_esriLayerType: 'dynamic', // constant
@@ -87,6 +88,13 @@ define([
menu.addChild(new MenuSeparator());
}
},
+ _initCustomMenu: function () {
+ // add custom sublayer menu items if we only have one sublayer
+ if (!this._hasSublayers) {
+ array.forEach(this.controlOptions.subLayerMenu, lang.hitch(this, '_addCustomMenuItem', this.layerMenu));
+ this.layerMenu.addChild(new MenuSeparator());
+ }
+ },
// toggle all sublayers on/off
_toggleAllSublayers: function (state) {
array.forEach(this._sublayerControls, function (control) {
@@ -98,29 +106,40 @@ define([
_createSublayers: function (layer) {
// check for single sublayer - if so no sublayer/folder controls
if (layer.layerInfos.length > 1) {
+ var allLayers = array.map(layer.layerInfos, function (l) {
+ return l.id;
+ });
array.forEach(layer.layerInfos, lang.hitch(this, function (info) {
+ // see if there was any override needed from the subLayerInfos array in the controlOptions
+ var sublayerInfo = array.filter(this.controlOptions.subLayerInfos, function (sli) {
+ return sli.id === info.id;
+ }).shift();
+ lang.mixin(info, sublayerInfo);
var pid = info.parentLayerId,
slids = info.subLayerIds,
controlId = layer.id + '-' + info.id + '-sublayer-control',
control;
- if (pid === -1 && slids === null) {
- // it's a top level sublayer
- control = new DynamicSublayer({
- id: controlId,
- control: this,
- sublayerInfo: info,
- icons: this.icons
- });
- domConst.place(control.domNode, this.expandNode, 'last');
- } else if (pid === -1 && slids !== null) {
- // it's a top level folder
- control = new DynamicFolder({
- id: controlId,
- control: this,
- sublayerInfo: info,
- icons: this.icons
- });
- domConst.place(control.domNode, this.expandNode, 'last');
+ // it's a top level
+ if (pid === -1 || allLayers.indexOf(pid) === -1) {
+ if (slids === null) {
+ // it's a top level sublayer
+ control = new DynamicSublayer({
+ id: controlId,
+ control: this,
+ sublayerInfo: info,
+ icons: this.icons
+ });
+ domConst.place(control.domNode, this.expandNode, 'last');
+ } else if (slids !== null) {
+ // it's a top level folder
+ control = new DynamicFolder({
+ id: controlId,
+ control: this,
+ sublayerInfo: info,
+ icons: this.icons
+ });
+ domConst.place(control.domNode, this.expandNode, 'last');
+ }
} else if (pid !== -1 && slids !== null) {
// it's a nested folder
control = new DynamicFolder({
@@ -210,4 +229,4 @@ define([
}
});
return DynamicControl;
-});
\ No newline at end of file
+});
diff --git a/viewer/js/gis/dijit/LayerControl/controls/Feature.js b/viewer/js/gis/dijit/LayerControl/controls/Feature.js
index 2da71fec8..8706f5e29 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/Feature.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/Feature.js
@@ -13,6 +13,7 @@ define([
_Control,
legendUtil
) {
+
var FeatureControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'vector', // constant
_esriLayerType: 'feature', // constant
@@ -27,4 +28,4 @@ define([
}
});
return FeatureControl;
-});
\ No newline at end of file
+});
diff --git a/viewer/js/gis/dijit/LayerControl/controls/GeoRSS.js b/viewer/js/gis/dijit/LayerControl/controls/GeoRSS.js
index c149b7411..86e99a560 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/GeoRSS.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/GeoRSS.js
@@ -11,6 +11,7 @@ define([
_Contained,
_Control
) {
+
var GeoRSSControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'vector', // constant
_esriLayerType: 'georss', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/Image.js b/viewer/js/gis/dijit/LayerControl/controls/Image.js
index 6d0f1c597..6b845d01c 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/Image.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/Image.js
@@ -13,6 +13,7 @@ define([
_Control,
legendUtil
) {
+
var ImageControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'overlay', // constant
_esriLayerType: 'image', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/ImageVector.js b/viewer/js/gis/dijit/LayerControl/controls/ImageVector.js
index add67e581..512b19ac4 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/ImageVector.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/ImageVector.js
@@ -13,6 +13,7 @@ define([
_Control,
legendUtil
) {
+
var ImageVectorControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'overlay', // constant
_esriLayerType: 'imagevector', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/KML.js b/viewer/js/gis/dijit/LayerControl/controls/KML.js
index 21a32944d..5042c8df2 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/KML.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/KML.js
@@ -13,6 +13,7 @@ define([
_Control,
legendUtil
) {
+
var KMLControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'vector', // constant
_esriLayerType: 'kml', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/Raster.js b/viewer/js/gis/dijit/LayerControl/controls/Raster.js
index c31195189..1ab1bf896 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/Raster.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/Raster.js
@@ -11,6 +11,7 @@ define([
_Contained,
_Control
) {
+
var RasterControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'overlay', // constant
_esriLayerType: 'raster', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/Stream.js b/viewer/js/gis/dijit/LayerControl/controls/Stream.js
index 3f711d3d2..385cae7a8 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/Stream.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/Stream.js
@@ -13,6 +13,7 @@ define([
_Control,
legendUtil
) {
+
var StreamControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'overlay', // constant
_esriLayerType: 'raster', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/Tiled.js b/viewer/js/gis/dijit/LayerControl/controls/Tiled.js
index 4e57b229b..242fe3acb 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/Tiled.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/Tiled.js
@@ -13,6 +13,7 @@ define([
_Control,
legendUtil
) {
+
var TiledControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'overlay', // constant
_esriLayerType: 'tiled', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/VectorTile.js b/viewer/js/gis/dijit/LayerControl/controls/VectorTile.js
new file mode 100644
index 000000000..f6901ad4a
--- /dev/null
+++ b/viewer/js/gis/dijit/LayerControl/controls/VectorTile.js
@@ -0,0 +1,23 @@
+define([
+ 'dojo/_base/declare',
+ 'dijit/_WidgetBase',
+ 'dijit/_TemplatedMixin',
+ 'dijit/_Contained',
+ './_Control' // layer control base class
+], function (
+ declare,
+ _WidgetBase,
+ _TemplatedMixin,
+ _Contained,
+ _Control
+) {
+
+ var VectorTileControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
+ _layerType: 'overlay', // constant
+ _esriLayerType: 'vectortile', // constant
+ _layerTypeInit: function () {
+ this._expandRemove();
+ }
+ });
+ return VectorTileControl;
+});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/LayerControl/controls/WFS.js b/viewer/js/gis/dijit/LayerControl/controls/WFS.js
new file mode 100644
index 000000000..848e41d99
--- /dev/null
+++ b/viewer/js/gis/dijit/LayerControl/controls/WFS.js
@@ -0,0 +1,24 @@
+define([
+ 'dojo/_base/declare',
+ 'dijit/_WidgetBase',
+ 'dijit/_TemplatedMixin',
+ 'dijit/_Contained',
+ './_Control', // layer control base class
+ './../plugins/legendUtil'
+], function (
+ declare,
+ _WidgetBase,
+ _TemplatedMixin,
+ _Contained,
+ _Control
+) {
+
+ var WFSControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
+ _layerType: 'vector', // constant
+ _esriLayerType: 'wfs', // constant
+ _layerTypeInit: function () {
+ this._expandRemove();
+ }
+ });
+ return WFSControl;
+});
\ No newline at end of file
diff --git a/viewer/js/gis/dijit/LayerControl/controls/WMS.js b/viewer/js/gis/dijit/LayerControl/controls/WMS.js
index 443e13232..21817901b 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/WMS.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/WMS.js
@@ -11,6 +11,7 @@ define([
_Contained,
_Control
) {
+
var WMSControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'overlay', // constant
_esriLayerType: 'wms', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/WebTiled.js b/viewer/js/gis/dijit/LayerControl/controls/WebTiled.js
index 7393cd952..3287bcbb8 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/WebTiled.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/WebTiled.js
@@ -11,6 +11,7 @@ define([
_Contained,
_Control
) {
+
var WebTiledControl = declare([_WidgetBase, _TemplatedMixin, _Contained, _Control], {
_layerType: 'overlay', // constant
_esriLayerType: 'webtiled', // constant
diff --git a/viewer/js/gis/dijit/LayerControl/controls/_Control.js b/viewer/js/gis/dijit/LayerControl/controls/_Control.js
index 4e39f478a..58e7f6179 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/_Control.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/_Control.js
@@ -1,7 +1,7 @@
define([
'dojo/_base/declare',
'dojo/_base/lang',
- //'dojo/_base/array',
+ 'dojo/_base/array',
'dojo/on',
'dojo/topic',
'dojo/dom-construct',
@@ -10,12 +10,13 @@ define([
'dojo/dom-attr',
'dojo/fx',
'dojo/html',
+ 'dijit/MenuItem',
'./../plugins/LayerMenu',
'dojo/text!./templates/Control.html'
], function (
declare,
lang,
- //array,
+ array,
on,
topic,
domConst,
@@ -24,6 +25,7 @@ define([
domAttr,
fx,
html,
+ MenuItem,
LayerMenu,
template
) {
@@ -43,6 +45,7 @@ define([
if (params.controller) {
this.icons = params.controller.icons;
} // if not you've got bigger problems
+ this._handlers = [];
},
postCreate: function () {
this.inherited(arguments);
@@ -66,7 +69,7 @@ define([
if (this.layer.loaded) {
this._initialize();
} else {
- this.layer.on('load', lang.hitch(this, '_initialize'));
+ this._handlers.push(this.layer.on('load', lang.hitch(this, '_initialize')));
}
},
// initialize the control
@@ -79,17 +82,8 @@ define([
controlOptions = this.controlOptions;
// set checkbox
this._setLayerCheckbox(layer, this.checkNode);
- // wire up layer visibility
- on(this.checkNode, 'click', lang.hitch(this, '_setLayerVisibility', layer, this.checkNode));
// set title
html.set(this.labelNode, this.layerTitle);
- // wire up updating indicator
- layer.on('update-start', lang.hitch(this, function () {
- domStyle.set(this.layerUpdateNode, 'display', 'inline-block'); //font awesome display
- }));
- layer.on('update-end', lang.hitch(this, function () {
- domStyle.set(this.layerUpdateNode, 'display', 'none');
- }));
// create layer menu
if ((controlOptions.noMenu !== true && this.controller.noMenu !== true) || (this.controller.noMenu === true && controlOptions.noMenu === false)) {
this.layerMenu = new LayerMenu({
@@ -99,6 +93,7 @@ define([
leftClickToOpen: true
});
this.layerMenu.startup();
+ this._initCustomMenu();
} else {
domClass.remove(this.menuNode, 'fa, layerControlMenuIcon, ' + this.icons.menu);
domStyle.set(this.menuClickNode, 'cursor', 'default');
@@ -108,19 +103,6 @@ define([
this._checkboxScaleRange();
this._scaleRangeHandler = layer.getMap().on('zoom-end', lang.hitch(this, '_checkboxScaleRange'));
}
- // if layer scales change
- this.layer.on('scale-range-change', lang.hitch(this, function () {
- if (layer.minScale !== 0 || layer.maxScale !== 0) {
- this._checkboxScaleRange();
- this._scaleRangeHandler = layer.getMap().on('zoom-end', lang.hitch(this, '_checkboxScaleRange'));
- } else {
- this._checkboxScaleRange();
- if (this._scaleRangeHandler) {
- this._scaleRangeHandler.remove();
- this._scaleRangeHandler = null;
- }
- }
- }));
// a function in each control widget for layer type specifics like legends and such
this._layerTypeInit();
// show expandNode
@@ -130,30 +112,51 @@ define([
}
// esri layer's don't inherit from Stateful
// connect to update events to handle "watching" layers
- layer.on('update-start', lang.hitch(this, '_updateStart'));
- layer.on('update-end', lang.hitch(this, '_updateEnd'));
- layer.on('visibility-change', lang.hitch(this, '_visibilityChange'));
+ this._handlers.push(
+ on(this.checkNode, 'click', lang.hitch(this, '_setLayerVisibility', layer, this.checkNode)),
+ layer.on('scale-range-change', lang.hitch(this, '_scaleRangeChange')),
+ layer.on('update-start', lang.hitch(this, '_updateStart')),
+ layer.on('update-end', lang.hitch(this, '_updateEnd')),
+ layer.on('visibility-change', lang.hitch(this, '_visibilityChange'))
+ );
+ },
+ _initCustomMenu: function () {
+ array.forEach(this.controlOptions.menu, lang.hitch(this, '_addCustomMenuItem', this.layerMenu));
+ },
+ _addCustomMenuItem: function (menu, menuItem) {
+ //create the menu item
+ var item = new MenuItem(menuItem);
+ item.set('onClick', lang.hitch(this, function () {
+ topic.publish('layerControl/' + menuItem.topic, {
+ layer: this.layer,
+ iconNode: this.iconNode,
+ menuItem: item
+ });
+ }));
+ menu.addChild(item);
},
// add on event to expandClickNode
_expandClick: function () {
- var i = this.icons;
- this._expandClickHandler = on(this.expandClickNode, 'click', lang.hitch(this, function () {
- var expandNode = this.expandNode,
- iconNode = this.expandIconNode;
- if (domStyle.get(expandNode, 'display') === 'none') {
- fx.wipeIn({
- node: expandNode,
- duration: 300
- }).play();
- domClass.replace(iconNode, i.collapse, i.expand);
- } else {
- fx.wipeOut({
- node: expandNode,
- duration: 300
- }).play();
- domClass.replace(iconNode, i.expand, i.collapse);
- }
- }));
+ this._expandClickHandler = on(this.expandClickNode, 'click', lang.hitch(this, '_expandClicked'));
+ this._handlers.push(this._expandClickHandler);
+ },
+ _expandClicked: function () {
+ var i = this.icons,
+ expandNode = this.expandNode,
+ iconNode = this.expandIconNode;
+ if (domStyle.get(expandNode, 'display') === 'none') {
+ fx.wipeIn({
+ node: expandNode,
+ duration: 300
+ }).play();
+ domClass.replace(iconNode, i.collapse, i.expand);
+ } else {
+ fx.wipeOut({
+ node: expandNode,
+ duration: 300
+ }).play();
+ domClass.replace(iconNode, i.expand, i.collapse);
+ }
},
// removes the icons and cursor:pointer from expandClickNode and destroys expandNode
_expandRemove: function () {
@@ -162,7 +165,13 @@ define([
domConst.destroy(this.expandNode);
},
// set layer visibility and update icon
- _setLayerVisibility: function (layer, checkNode) {
+ _setLayerVisibility: function (layer, checkNode, event) {
+
+ // prevent click event from bubbling
+ if (event.stopPropagation) {
+ event.stopPropagation();
+ }
+
if (layer.visible) {
this._setLayerCheckbox(layer, checkNode);
layer.hide();
@@ -205,8 +214,33 @@ define([
domClass.add(node, 'layerControlCheckIconOutScale');
}
},
+ _scaleRangeChange: function () {
+ if (this.layer.minScale !== 0 || this.layer.maxScale !== 0) {
+ this._checkboxScaleRange();
+ if (this._scaleRangeHandler) {
+ var handlerIndex = array.indexOf(this._handlers, this._scaleRangeHandler);
+ if (handlerIndex !== -1) {
+ this._handlers[handlerIndex].remove();
+ this._handlers.splice(handlerIndex, 1);
+ }
+ }
+ this._scaleRangeHandler = this.layer.getMap().on('zoom-end', lang.hitch(this, '_checkboxScaleRange'));
+ this._handlers.push(this._scaleRangeHandler);
+ } else {
+ this._checkboxScaleRange();
+ if (this._scaleRangeHandler) {
+ var handlerIndex2 = array.indexOf(this._handlers, this._scaleRangeHandler);
+ if (handlerIndex2 !== -1) {
+ this._handlers[handlerIndex2].remove();
+ this._handlers.splice(handlerIndex2, 1);
+ }
+ this._scaleRangeHandler = null;
+ }
+ }
+ },
// anything the widget may need to do before update
_updateStart: function () {
+ domStyle.set(this.layerUpdateNode, 'display', 'inline-block'); //font awesome display
// clone a layer state before layer updates for use after update
this._layerState = lang.clone({
visible: this.layer.visible,
@@ -215,6 +249,7 @@ define([
},
// anything the widget may need to do after update
_updateEnd: function () {
+ domStyle.set(this.layerUpdateNode, 'display', 'none');
// how to handle external layer.setVisibleLayers() ???
//
// without topics to get/set sublayer state this will be challenging
@@ -233,7 +268,13 @@ define([
if ((r.visible && domAttr.get(this.checkNode, 'data-checked') === 'unchecked') || (!r.visible && domAttr.get(this.checkNode, 'data-checked') === 'checked')) {
this._setLayerCheckbox(this.layer, this.checkNode);
}
+ },
+ destroy: function () {
+ this.inherited(arguments);
+ this._handlers.forEach(function (h) {
+ h.remove();
+ });
}
});
return _Control;
-});
\ No newline at end of file
+});
diff --git a/viewer/js/gis/dijit/LayerControl/controls/_DynamicFolder.js b/viewer/js/gis/dijit/LayerControl/controls/_DynamicFolder.js
index ffca235af..15a601720 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/_DynamicFolder.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/_DynamicFolder.js
@@ -25,15 +25,29 @@ define([
TemplatedMixin,
folderTemplate
) {
- var _DynamicFolder = declare([WidgetBase, TemplatedMixin], {
+ var _DynamicFolder = declare([WidgetBase, TemplatedMixin], {
control: null,
sublayerInfo: null,
icons: null,
// ^args
templateString: folderTemplate,
_expandClickHandler: null,
+ _handlers: [],
postCreate: function () {
this.inherited(arguments);
+ // Should the control be visible or hidden (depends on subLayerInfos)?
+ if (this.control.controlOptions.subLayerInfos && !this.control.controlOptions.includeUnspecifiedLayers) {
+ var subLayerInfos = array.map(this.control.controlOptions.subLayerInfos, function (sli) {
+ return sli.id;
+ });
+ if (array.indexOf(subLayerInfos, this.sublayerInfo.id) < 0) {
+ domClass.add(this.domNode, 'layerControlHidden');
+ }
+ }
+ // Should the control be visible or hidden?
+ if (this.control.controlOptions.layerIds && array.indexOf(this.control.controlOptions.layerIds, this.sublayerInfo.id) < 0) {
+ domClass.add(this.domNode, 'layerControlHidden');
+ }
var checkNode = this.checkNode;
domAttr.set(checkNode, 'data-sublayer-id', this.sublayerInfo.id);
domClass.add(checkNode, this.control.layer.id + '-layerControlSublayerCheck');
@@ -42,7 +56,13 @@ define([
} else {
this._setSublayerCheckbox(false, checkNode);
}
- on(checkNode, 'click', lang.hitch(this, function () {
+ this._handlers.push(on(checkNode, 'click', lang.hitch(this, function (event) {
+
+ // prevent click event from bubbling
+ if (event.stopPropagation) {
+ event.stopPropagation();
+ }
+
if (domAttr.get(checkNode, 'data-checked') === 'checked') {
this._setSublayerCheckbox(false, checkNode);
} else {
@@ -50,18 +70,18 @@ define([
}
this.control._setVisibleLayers();
this._checkboxScaleRange();
- }));
+ })));
html.set(this.labelNode, this.sublayerInfo.name);
this._expandClick();
if (this.sublayerInfo.minScale !== 0 || this.sublayerInfo.maxScale !== 0) {
this._checkboxScaleRange();
- this.control.layer.getMap().on('zoom-end', lang.hitch(this, '_checkboxScaleRange'));
+ this._handlers.push(this.control.layer.getMap().on('zoom-end', lang.hitch(this, '_checkboxScaleRange')));
}
},
// add on event to expandClickNode
_expandClick: function () {
var i = this.icons;
- this._expandClickHandler = on(this.expandClickNode, 'click', lang.hitch(this, function () {
+ this._handlers.push(this._expandClickHandler = on(this.expandClickNode, 'click', lang.hitch(this, function () {
var expandNode = this.expandNode,
iconNode = this.expandIconNode;
if (domStyle.get(expandNode, 'display') === 'none') {
@@ -77,7 +97,7 @@ define([
}).play();
domClass.replace(iconNode, i.folder, i.folderOpen);
}
- }));
+ })));
},
// set checkbox based on layer so it's always in sync
_setSublayerCheckbox: function (checked, checkNode) {
@@ -101,7 +121,13 @@ define([
if ((min !== 0 && scale > min) || (max !== 0 && scale < max)) {
domClass.add(node, 'layerControlCheckIconOutScale');
}
+ },
+ destroy: function () {
+ this.inherited(arguments);
+ this._handlers.forEach(function (h) {
+ h.remove();
+ });
}
});
return _DynamicFolder;
-});
\ No newline at end of file
+});
diff --git a/viewer/js/gis/dijit/LayerControl/controls/_DynamicSublayer.js b/viewer/js/gis/dijit/LayerControl/controls/_DynamicSublayer.js
index 159427057..51c9dd271 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/_DynamicSublayer.js
+++ b/viewer/js/gis/dijit/LayerControl/controls/_DynamicSublayer.js
@@ -42,18 +42,37 @@ define([
templateString: sublayerTemplate,
i18n: i18n,
_expandClickHandler: null,
+ _handlers: [],
postCreate: function () {
this.inherited(arguments);
+ // Should the control be visible or hidden (depends on subLayerInfos)?
+ if (this.control.controlOptions.subLayerInfos && !this.control.controlOptions.includeUnspecifiedLayers) {
+ var subLayerInfos = array.map(this.control.controlOptions.subLayerInfos, function (sli) {
+ return sli.id;
+ });
+ if (array.indexOf(subLayerInfos, this.sublayerInfo.id) < 0) {
+ domClass.add(this.domNode, 'layerControlHidden');
+ }
+ }
+ // Should the control be visible or hidden?
+ if (this.control.controlOptions.layerIds && array.indexOf(this.control.controlOptions.layerIds, this.sublayerInfo.id) < 0) {
+ domClass.add(this.domNode, 'layerControlHidden');
+ }
var checkNode = this.checkNode;
domAttr.set(checkNode, 'data-sublayer-id', this.sublayerInfo.id);
domClass.add(checkNode, this.control.layer.id + '-layerControlSublayerCheck');
if (array.indexOf(this.control.layer.visibleLayers, this.sublayerInfo.id) !== -1) {
this._setSublayerCheckbox(true, checkNode);
} else {
-
this._setSublayerCheckbox(false, checkNode);
}
- on(checkNode, 'click', lang.hitch(this, function () {
+ this._handlers.push(on(checkNode, 'click', lang.hitch(this, function (event) {
+
+ // prevent click event from bubbling
+ if (event.stopPropagation) {
+ event.stopPropagation();
+ }
+
if (domAttr.get(checkNode, 'data-checked') === 'checked') {
this._setSublayerCheckbox(false, checkNode);
} else {
@@ -61,38 +80,38 @@ define([
}
this.control._setVisibleLayers();
this._checkboxScaleRange();
- }));
+ })));
html.set(this.labelNode, this.sublayerInfo.name);
this._expandClick();
if (this.sublayerInfo.minScale !== 0 || this.sublayerInfo.maxScale !== 0) {
this._checkboxScaleRange();
- this.control.layer.getMap().on('zoom-end', lang.hitch(this, '_checkboxScaleRange'));
+ this._handlers.push(this.control.layer.getMap().on('zoom-end', lang.hitch(this, '_checkboxScaleRange')));
}
//set up menu
- if (this.control.controlOptions.menu &&
- this.control.controlOptions.menu.length) {
- domClass.add(this.labelNode, 'menuLink');
- domClass.add(this.iconNode, 'menuLink');
+ if (this.control.controlOptions.subLayerMenu &&
+ this.control.controlOptions.subLayerMenu.length) {
this.menu = new Menu({
contextMenuForWindow: false,
- targetNodeIds: [this.labelNode],
+ targetNodeIds: [this.menuClickNode],
leftClickToOpen: true
});
- array.forEach(this.control.controlOptions.menu, lang.hitch(this, '_addMenuItem'));
+ array.forEach(this.control.controlOptions.subLayerMenu, lang.hitch(this, '_addMenuItem'));
this.menu.startup();
+ } else {
+ domClass.add(this.menuClickNode, 'hidden');
}
},
_addMenuItem: function (menuItem) {
//create the menu item
- var item = new MenuItem(menuItem);
+ var item = new MenuItem(menuItem);
item.set('onClick', lang.hitch(this, function () {
- topic.publish('LayerControl/' + menuItem.topic, {
- layer: this.control.layer,
- subLayer: this.sublayerInfo,
- iconNode: this.iconNode,
- menuItem: item
- });
- }));
+ topic.publish('layerControl/' + menuItem.topic, {
+ layer: this.control.layer,
+ subLayer: this.sublayerInfo,
+ iconNode: this.iconNode,
+ menuItem: item
+ });
+ }));
this.menu.addChild(item);
},
// add on event to expandClickNode
@@ -100,7 +119,7 @@ define([
var i = this.icons;
this._expandClickHandler = on(this.expandClickNode, 'click', lang.hitch(this, function () {
var expandNode = this.expandNode,
- iconNode = this.expandIconNode;
+ iconNode = this.expandIconNode;
if (domStyle.get(expandNode, 'display') === 'none') {
fx.wipeIn({
node: expandNode,
@@ -115,6 +134,7 @@ define([
domClass.replace(iconNode, i.expand, i.collapse);
}
}));
+ this._handlers.push(this._expandClickHandler);
},
// set checkbox based on layer so it's always in sync
_setSublayerCheckbox: function (checked, checkNode) {
@@ -131,14 +151,20 @@ define([
// check scales and add/remove disabled classes from checkbox
_checkboxScaleRange: function () {
var node = this.checkNode,
- scale = this.control.layer.getMap().getScale(),
- min = this.sublayerInfo.minScale,
- max = this.sublayerInfo.maxScale;
+ scale = this.control.layer.getMap().getScale(),
+ min = this.sublayerInfo.minScale,
+ max = this.sublayerInfo.maxScale;
domClass.remove(node, 'layerControlCheckIconOutScale');
if ((min !== 0 && scale > min) || (max !== 0 && scale < max)) {
domClass.add(node, 'layerControlCheckIconOutScale');
}
+ },
+ destroy: function () {
+ this.inherited(arguments);
+ this._handlers.forEach(function (h) {
+ h.remove();
+ });
}
});
return _DynamicSublayer;
-});
\ No newline at end of file
+});
diff --git a/viewer/js/gis/dijit/LayerControl/controls/templates/Control.html b/viewer/js/gis/dijit/LayerControl/controls/templates/Control.html
index 5836fe4b0..e7e224030 100644
--- a/viewer/js/gis/dijit/LayerControl/controls/templates/Control.html
+++ b/viewer/js/gis/dijit/LayerControl/controls/templates/Control.html
@@ -1,7 +1,7 @@
@@ -35,36 +40,17 @@
The Configurable Map Viewer
-[](http://docs.cmv.io/) [](https://gitter.im/cmv/cmv-app?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [](http://travis-ci.org/cmv/cmv-app)
+[](https://docs.cmv.io/) [](https://gitter.im/cmv/cmv-app?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [](https://travis-ci.org/cmv/cmv-app) [](https://greenkeeper.io/)
## Introduction
-[CMV](http://cmv.io/) is a community-supported open source mapping framework. CMV works with the [Esri JavaScript API](http://docs.cmv.io/en/latest/developers.arcgis.com/javascript/jsapi/), [ArcGIS Server](http://www.esri.com/software/arcgis/arcgisserver), [ArcGIS Online](https://arcgis.com/) and more.
+[CMV](https://cmv.io/) is a community-supported open source mapping framework. CMV works with the [Esri JavaScript API](https://developers.arcgis.com/javascript/jsapi/3/), [ArcGIS Server](https://www.esri.com/software/arcgis/arcgisserver), [ArcGIS Online](https://arcgis.com/) and more.
## Make It Your Own!
-This JavaScript web app can be easily configured or used as a boilerplate/starting point for basic viewers. It also demonstrates best practices for modular design and OOP via classes in JS using dojo's great [declare](http://dojotoolkit.org/reference-guide/1.9/dojo/_base/declare.html) system.
+This JavaScript web app can be easily configured or used as a boilerplate/starting point for basic viewers. It also demonstrates best practices for modular design and OOP via classes in JS using dojo's great [declare](https://dojotoolkit.org/reference-guide/1.9/dojo/_base/declare.html) system.
## Try The Demo:
-[http://demo.cmv.io/viewer/](http://demo.cmv.io/viewer/)
+[https://demo.cmv.io/](https://demo.cmv.io/)
-
+[](https://demo.cmv.io/)
## Widgets Included:
-- Base Maps
+- Basemaps
+- Basemaps Gallery
- Bookmarks
- Directions
- Draw
@@ -27,6 +28,7 @@ This JavaScript web app can be easily configured or used as a boilerplate/starti
- Identify
- Layer Control (Table of Contents)
- Legend
+- Locale (Change the Country + Language)
- Locate Button (Geolocation)
- MapInfo
- Measure
@@ -37,15 +39,18 @@ This JavaScript web app can be easily configured or used as a boilerplate/starti
- Map Right click menu with various widget functions.
- Highly configurable UI, right or left sidebars with widgets in both, top and bottom regions for other content.
-Read more about the [core widgets](http://docs.cmv.io/en/latest/widgets/). In addition, there is a growing number of [widgets contributed by the CMV developer community](https://github.com/cmv/cmv-contrib-widgets).
+Read more about the [core widgets](https://docs.cmv.io/en/latest/widgets/). In addition, there is a growing number of [widgets contributed by the CMV developer community](https://github.com/cmv/cmv-contrib-widgets).
+
+## Resource Proxy:
+A [resource proxy](https://github.com/Esri/resource-proxy) may be required to access some MapServices and other content that reside on a different domain. A proxy is not available for the Github demo.
## Documentation:
-Use the [documentation](http://docs.cmv.io/) for getting started and guidance on configuring your application. The initial documentation is sparse. Please help make it better by contributing over at the [cmv documentation repo](https://github.com/cmv/cmv-docs).
+Use the [documentation](https://docs.cmv.io/) for getting started and guidance on configuring your application. The initial documentation is sparse. Please help make it better by contributing over at the [cmv documentation repo](https://github.com/cmv/cmv-docs).
-[](http://docs.cmv.io/)
+[](https://docs.cmv.io/)
## Community
-We have a gitter.im chat room. Come on by if you have questions. The community is very helpful. [https://gitter.im/cmv/cmv-app](https://gitter.im/cmv/cmv-app)
+We have a [gitter.im chat room](https://gitter.im/cmv/cmv-app). Come on by if you have questions. The community is very active and helpful.
[](https://gitter.im/cmv/cmv-app?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
@@ -60,11 +65,11 @@ There are many ways to contribute to CMV:
2. __Create documentation__ Please contribute to the [cmv documentation repo](https://github.com/cmv/cmv-docs).
-3. __Answer Questions at Stack Exchange__ - [gis.stackexchange.com](https://gis.stackexchange.com/tag/cmv) is the prime destination for our Frequently Asked Questions (FAQs). Please answer questions and help new developers get more comfortable with CMV.
+3. __Answer Questions at Stack Exchange__ - [gis.stackexchange.com](https://gis.stackexchange.com/tags/cmv) is the prime destination for our Frequently Asked Questions (FAQs). Please answer questions and help new developers get more comfortable with CMV.
4. __Join the Chat Room__ - Lots of us in CMV community hang out in the chat room on [Gitter](https://gitter.im/cmv/cmv-app/). Feel free to hangout with us, answer questions and throw out ideas.
-5. __Submit a Pull Request__ - If you are developer and have an enhancement or bug fix you would like to submit, pull requests are welcome. Please review the [Contributing on GitHub](http://docs.cmv.io/en/latest/contribute/ContributingOnGitHub) documentation before submitting any Pull Requests.
+5. __Submit a Pull Request__ - If you are developer and have an enhancement or bug fix you would like to submit, pull requests are welcome. Please review the [Contributing on GitHub](https://docs.cmv.io/en/latest/contribute/ContributingOnGitHub) documentation before submitting any Pull Requests.
6. __User contributed widgets__ - For general information on how to build a CMV widget [read the docs](https://docs.cmv.io/en/latest). Users can submit widgets to the [cmv-contrib-widgets](https://github.com/cmv/cmv-contrib-widgets) repo. These widgets are created and submitted by users. Head on over and read the details.
diff --git a/package.js b/package.js
new file mode 100644
index 000000000..ca310ab6a
--- /dev/null
+++ b/package.js
@@ -0,0 +1,75 @@
+/**
+ * This file is referenced by the `dojoBuild` key in `package.json` and provides extra hinting specific to the Dojo
+ * build system about how certain files in the package need to be handled at build time. Build profiles for the
+ * application itself are stored in the `profiles` directory.
+ */
+
+var profile = (function () {
+ //only copy files matching these expressions
+ //this prevents them from being evaluated as amd modules
+ var reCopyOnly = [
+ /Gruntfile/,
+ /package/,
+ /app\.js/
+ ];
+ //exclude from builds completely
+ var reMiniExclude = [
+ /Gruntfile/,
+ /package/
+ ];
+ //non-amd modules
+ var reNonAmd = [
+ /plugins\/Google/
+ ];
+ return {
+ // Resource tags are functions that provide hints to the build system about the way files should be processed.
+ // Each of these functions is called once for every file in the package directory. The first argument passed to
+ // the function is the filename of the file, and the second argument is the computed AMD module ID of the file.
+ resourceTags: {
+ // Files that contain test code and should be excluded when the `copyTests` build flag exists and is `false`.
+ // It is strongly recommended that the `mini` build flag be used instead of `copyTests`. Therefore, no files
+ // are marked with the `test` tag here.
+ test: function (filename, mid) {
+ return false;
+ },
+
+ // Files that should be copied as-is without being modified by the build system.
+ // All files in the `app/resources` directory that are not CSS files are marked as copy-only, since these files
+ // are typically binaries (images, etc.) and may be corrupted by the build system if it attempts to process
+ // them and naively assumes they are scripts.
+ copyOnly: function (filename, mid) {
+ for (var i = 0; i < reCopyOnly.length; i++) {
+ if (reCopyOnly[i].test(filename)) {
+ return true;
+ }
+ }
+ return (/\/(images)\//.test(mid) && !/\.css$/.test(filename)) ||
+ /\/node_modules\//.test(mid);
+ },
+
+ // Files that are AMD modules.
+ // All JavaScript in this package should be AMD modules if you are starting a new project. If you are copying
+ // any legacy scripts from an existing project, those legacy scripts should not be given the `amd` tag.
+ amd: function (filename, mid) {
+ for (var i = 0; i < reNonAmd.length; i++) {
+ if (reNonAmd[i].test(filename)) {
+ return false;
+ }
+ }
+ return !this.copyOnly(filename, mid) && /\.js$/.test(filename);
+ },
+
+ // Files that should not be copied when the `mini` build flag is set to true.
+ // In this case, we are excluding this package configuration file which is not necessary in a built copy of
+ // the application.
+ miniExclude: function (filename, mid) {
+ for (var i = 0; i < reMiniExclude.length; i++) {
+ if (reMiniExclude[i].test(filename)) {
+ return true;
+ }
+ }
+ return false;
+ }
+ }
+ };
+})();
diff --git a/package.json b/package.json
index 86287a665..a83a5b61f 100644
--- a/package.json
+++ b/package.json
@@ -1,26 +1,31 @@
{
- "name": "ConfigurableMapViewerCMV",
- "version": "1.3.4",
- "author": "cmv.io - https://github.com/cmv/",
- "license": "MIT",
- "year": "2015",
- "homepage": "http://cmv.io/",
- "repository": "https://github.com/cmv/cmv-app/",
- "dependencies": {
- "grunt": "0.4.x",
- "grunt-autoprefixer": "0.7.x",
- "grunt-contrib-clean": "0.5.x",
- "grunt-contrib-connect": "0.7.x",
- "grunt-contrib-copy": "0.5.x",
- "grunt-contrib-cssmin": "0.9.x",
- "grunt-contrib-jshint": "0.10.x",
- "jshint-stylish": "0.2.x",
- "grunt-contrib-uglify": "0.4.x",
- "grunt-contrib-watch": "0.6.x",
- "grunt-newer": "0.7.x",
- "grunt-open": "0.2.x",
- "grunt-contrib-compress": "0.10.x",
- "proxypage": "*"
- },
- "engine": "node >= 0.10"
-}
\ No newline at end of file
+ "name": "ConfigurableMapViewerCMV",
+ "version": "2.0.0-beta.1",
+ "author": "cmv.io - https://github.com/cmv/",
+ "license": "MIT",
+ "year": "2017",
+ "homepage": "https://cmv.io/",
+ "repository": "https://github.com/cmv/cmv-app/",
+ "dependencies": {
+ "babel-eslint": "~7.1.1",
+ "csslint": "1.0.x",
+ "eslint": "~3.17.0",
+ "grunt": "1.0.x",
+ "grunt-contrib-clean": "1.0.x",
+ "grunt-contrib-compress": "~1.4.1",
+ "grunt-contrib-connect": "1.0.x",
+ "grunt-contrib-copy": "1.0.x",
+ "grunt-contrib-csslint": "~2.0.x",
+ "grunt-contrib-cssmin": "~2.0.0",
+ "grunt-contrib-uglify": "~2.2.0",
+ "grunt-contrib-watch": "1.0.x",
+ "grunt-eslint": "19.0.x",
+ "grunt-newer": "1.2.x",
+ "grunt-open": "0.2.x",
+ "grunt-postcss": "0.8.x",
+ "body-parser": "~1.17.0",
+ "proxypage": "*"
+ },
+ "engine": "node >= 4",
+ "dojoBuild": "package.js"
+}
diff --git a/resource-proxy.zip b/resource-proxy.zip
deleted file mode 100644
index 4e1279876..000000000
Binary files a/resource-proxy.zip and /dev/null differ
diff --git a/viewer/css/cmv-theme-overrides.css b/viewer/css/cmv-theme-overrides.css
new file mode 100644
index 000000000..55219bc4a
--- /dev/null
+++ b/viewer/css/cmv-theme-overrides.css
@@ -0,0 +1,286 @@
+.cmv .dijitToolbar .dijitButtonContents {
+ padding: 1px !important;
+}
+
+.cmv .dijitTitlePane {
+ margin-bottom: 2px;
+ background-color: #FFF;
+}
+
+.cmv .dijitTitlePaneTitle {
+ color: #666;
+ background-color: #F5F5F5;
+}
+
+.cmv .dijitTitlePaneTitleOpen {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.cmv label {
+ font-weight: bold;
+}
+
+.cmv :focus {
+ outline: none !important;
+}
+
+/* icons for the sidebar */
+.cmv .dijitTitlePane .dijitTitlePaneTitle .titlePaneIcon {
+ margin: 0 0 0 8px;
+ padding-top: 2px;
+}
+/* end custom icons */
+
+/* esri popup window overrides */
+
+.cmv .esriPopup .sizer {
+ width: 325px;
+}
+
+.cmv .esriPopup .esriPopupWrapper {
+ background-color: #FFFFFF;
+}
+.cmv .esriPopup .attachmentsSection div {
+ font-weight: bold;
+}
+.cmv .esriPopup .contentPane table.attrTable {
+ width: 100%;
+ border-collapse: collapse;
+}
+.cmv .esriPopup .contentPane table.attrTable td {
+ padding: 2px;
+}
+.cmv .esriPopup .contentPane table.attrTable td.attrName {
+ text-align: right;
+ font-weight: bold;
+ color: #333333;
+ width: 40%;
+ padding-right: 5px;
+}
+.cmv .esriPopup .contentPane table.attrTable td.attrValue {
+ width: 60%;
+}
+.cmv .esriPopup .contentPane table.attrTable tr {
+ vertical-align: top;
+ border-bottom: 1px solid rgb(221, 221, 221);
+}
+.cmv .esriPopup .contentPane table.attrTable tr:nth-child(odd) {
+ background-color: none;
+}
+.cmv .esriPopup .contentPane table.attrTable tr:nth-child(even) {
+ background-color: rgb(238, 238, 238);
+}
+
+/* end esri popup window overrides */
+
+/* esri mobile popup overrides */
+
+.cmv .esriPopupMobile {
+ z-index: 999;
+}
+.cmv .esriMobileNavigationBar {
+ background-color: #666666;
+ background: url("../images/linen.jpg") repeat-x scroll left top transparent;
+ color: #FFFFFF;
+}
+.cmv .esriPopupMobile .titlePane {
+ background-color: #666666;
+ background: url("../images/linen.jpg") repeat-x scroll left top transparent;
+ color: #FFFFFF;
+}
+.cmv .esriPopupMobile .pointer.bottom{
+ background:url("../images/pointertop.png");
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.cmv .esriPopupMobile .pointer.top {
+ background:url("../images/pointertop.png");
+}
+
+/* end esri mobile popup overrides */
+
+/* esri directions widget overrides */
+.cmv .simpleDirections .esriStopsGetDirections,
+.cmv .simpleDirections .esriResultsPrint,
+.simpleDirections .esriActivateButton {
+ background-color: #E6E6E6;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e6e6e6));
+ background-image: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
+ background-image: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
+ background-image: -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);
+ background-image: -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);
+ background-image: linear-gradient(top, #fff 0%, #e6e6e6 100%);
+ background-repeat: repeat-x;
+ border: 1px solid #BBB;
+ border-bottom: 1px solid #A8A8A8;
+ padding: 0px 12px;
+ color: #000;
+ letter-spacing: 0;
+ text-transform: none;
+}
+.cmv .simpleDirections .esriStopsGetDirections:before {
+ content: '\f277';
+ font-family: 'FontAwesome';
+ margin-right: 8px;
+}
+
+.cmv .simpleDirections .esriResultsPrint {
+ padding: 8px;
+}
+
+.cmv .simpleDirections .esriResultsPrint:before {
+ content: '\f02f';
+ font-family: 'FontAwesome';
+ font-size: 14px;
+}
+
+.cmv .simpleDirections .esriActivateButton {
+ padding: 8px;
+}
+
+.cmv .simpleDirections .esriActivateButton:before {
+ content: '\f041';
+ font-family: 'FontAwesome';
+ font-size: 14px;
+}
+
+.cmv .esriDirectionsPressedButton {
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #e6e6e6));
+ background-image: -webkit-linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-image: -moz-linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-image: -o-linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-image: -ms-linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-image: linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-repeat: repeat-x;
+ box-shadow: inset 0 2px 4px rgba(0,0,0,0.4), 0 1px 1px rgba(0,0,0,0.2);
+ border-top-color: #444;
+ border-color: #666;
+ -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.4), 0 1px 1px rgba(0,0,0,0.2);
+}
+
+.cmv .simpleDirections .esriLinkButton {
+ color: #000;
+ letter-spacing: 0;
+ text-transform: none;
+}
+/* end esri directions widget overrides */
+
+/* flat theme */
+/* makes the flat theme more like dbootstrap */
+.flat {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.flat a,
+.flat a:hover {
+ text-decoration: none;
+}
+
+.flat .dijitTitlePane {
+ border-color: #E0E0E0;
+}
+
+.flat .dijitTabContainerTop-tabs .dijitTabChecked:before {
+ height: 3px;
+ background-color: #666;
+ top: -1px;
+ left: -1px;
+ right: -1px;
+}
+
+.flat .dijitTitlePaneTitle {
+ border: 1px solid #DDD;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ padding: 8px 15px;
+}
+
+.flat .dijitDialogTitleBar {
+ background-color: #F5F5F5;
+ color: #666;
+}
+
+.flat .dijitTitlePaneContentOuter {
+ border: 1px solid #DDD;
+ border-top: none;
+}
+
+.flat .dijitButtonHover .dijitButtonNode,
+.flat .dijitDropDownButtonHover .dijitButtonNode,
+.flat .dijitComboButton .dijitButtonNodeHover,
+.flat .dijitComboButton .dijitDownArrowButtonHover,
+.flat .dijitToggleButtonHover .dijitButtonNode,
+.flat .dijitDropDownButtonActive .dijitButtonNode {
+ background-position: 0 -15px;
+ text-decoration: none;
+ transition: background-position 0.1s linear;
+ -moz-transition: background-position 0.1s linear;
+ -ms-transition: background-position 0.1s linear;
+ -o-transition: background-position 0.1s linear;
+ -webkit-transition: background-position 0.1s linear;
+}
+.flat .dijitButtonActive .dijitButtonNode,
+.flat .dijitComboButton .dijitButtonNodeActive,
+.flat .dijitToggleButtonActive .dijitButtonNode,
+.flat .dijitToggleButtonChecked .dijitButtonNode,
+.flat .dijitComboButton .dijitArrowButton.dijitHasDropDownOpen {
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #e6e6e6));
+ background-image: -webkit-linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-image: -moz-linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-image: -o-linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-image: -ms-linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-image: linear-gradient(bottom, #fff 0%, #e6e6e6 100%);
+ background-repeat: repeat-x;
+ box-shadow: inset 0 2px 4px rgba(0,0,0,0.4), 0 1px 1px rgba(0,0,0,0.2);
+ border-top-color: #444;
+ border-color: #666;
+ -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.4), 0 1px 1px rgba(0,0,0,0.2);
+}
+.flat .dijitButtonDisabled .dijitButtonNode,
+.flat .dijitDropDownButtonDisabled .dijitButtonNode,
+.flat .dijitComboButtonDisabled .dijitButtonNode,
+.flat .dijitToggleButtonDisabled .dijitButtonNode,
+.flat .dijitComboBoxDisabled .dijitButtonNode,
+.flat .dijitSpinnerDisabled .dijitButtonNode,
+.flat .dijitSelectDisabled .dijitButtonNode {
+ background-image: none;
+ box-shadow: none;
+ cursor: not-allowed;
+ filter: alpha(opacity=65);
+ opacity: 0.65;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
+ -webkit-box-shadow: none;
+}
+
+.flat .success .dijitButtonNode {
+ background: #409843;
+ color: #FFF;
+ border-color: #39883c;
+}
+.flat .danger .dijitButtonNode {
+ background: #e32d29;
+ color: #FFF;
+ border-color: #d4201b;
+}
+
+.flat .dijitTextBoxHover,
+.flat .dijitTextBoxFocused,
+.flat .dijitCheckBoxChecked,
+.flat .dijitCheckBoxHover,
+.flat .dijitCheckBoxCheckedHover,
+.flat .dijitRadio,
+.flat .dijitRadioIcon,
+.flat .dijitRadioHover {
+ border-color: #666;
+}
+.flat .dijitCheckBoxChecked,
+.flat .dijitRadio:after,
+.flat .dijitRadioIcon:after {
+ background-color: #999;
+}
+
+/* end flat theme */
diff --git a/viewer/css/main.css b/viewer/css/main.css
index 8d605b40a..abf36af1f 100644
--- a/viewer/css/main.css
+++ b/viewer/css/main.css
@@ -4,7 +4,6 @@ body, html {
margin: 0;
padding: 0;
overflow: hidden;
- /*font-family: Tahoma;*/
font-size: 14px;
}
.appHeader {
@@ -59,7 +58,7 @@ body, html {
right: 0;
border: none;
padding: 0;
- background-color: #FFFFFF
+ background-color: #FFFFFF;
}
#sidebarLeft {
width: 334px;
@@ -170,6 +169,9 @@ body, html {
border-radius: 0 0 5px 5px;
border-bottom: 1px solid #B5BCC7;
}
+.sidebarCollapseButton .open:before, .sidebarCollapseButton .close:before {
+ font-family: FontAwesome;
+}
.sidebarCollapseButtonHorz .button {
padding-top: 4px;
padding-left: 2px;
@@ -208,113 +210,20 @@ body, html {
#help_parent_underlay {
display: block;
}
-
-/* dbootstrap overrides*/
-
-.dbootstrap .dijitToolbar .dijitButtonContents {
- padding: 1px !important;
-}
-.dbootstrap .dijitTitlePane {
- border: 1px solid #DDDDDD;
- margin-bottom: 2px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
-}
-.dbootstrap .dijitTitlePaneTitle {
- color: #666666 !important;
- border-bottom: none;
- padding: 8px 15px;
- background-color: #F5F5F5;
-}
-.dijitSliderBarContainerH {
- z-index: 0 !important;
-}
-.dbootstrap .dijitTitlePaneContentInner {
- background-color: #FFFFFF;
-}
-.dijitBorderContainerNoGutterPane {
- z-index: auto;
-}
-.dbootstrap :focus {
- outline: none !important;
-}
-
-/* end dbootstrap overrides*/
-
-/* esri popup window overrides */
-
-.esriPopup .sizer {
- width: 325px;
-}
-
-.esriPopup .esriPopupWrapper {
- background-color: #FFFFFF;
-}
-.esriPopup .attachmentsSection div {
- font-weight: bold;
-}
-.esriPopup .contentPane table.attrTable {
- width: 100%;
- border-collapse: collapse;
-}
-.esriPopup .contentPane table.attrTable td {
- padding: 2px;
-}
-.esriPopup .contentPane table.attrTable td.attrName {
- text-align: right;
- font-weight: bold;
- color: #333333;
- width: 40%;
- padding-right: 5px;
-}
-.esriPopup .contentPane table.attrTable td.attrValue {
- width: 60%;
-}
-.esriPopup .contentPane table.attrTable tr {
- vertical-align: top;
- border-bottom: 1px solid rgb(221, 221, 221);
-}
-.esriPopup .contentPane table.attrTable tr:nth-child(odd) {
- background-color: none;
-}
-.esriPopup .contentPane table.attrTable tr:nth-child(even) {
- background-color: rgb(238, 238, 238);
-}
-
-/* end esri popup window overrides */
-
-/* esri mobile popup overrides */
-
-.esriPopupMobile {
- z-index: 999;
-}
-.esriMobileNavigationBar {
- background-color: #666666;
- background: url("../images/linen.jpg") repeat-x scroll left top transparent;
- color: #FFFFFF;
-}
-.esriPopupMobile .titlePane {
- background-color: #666666;
- background: url("../images/linen.jpg") repeat-x scroll left top transparent;
- color: #FFFFFF;
-}
-.esriPopupMobile .pointer.bottom{
- background:url("../images/pointertop.png");
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
-}
-.esriPopupMobile .pointer.top {
- background:url("../images/pointertop.png");
+.widgetLoader {
+ color: #333;
+ display: block;
+ font-size: 18px;
+ left: 0;
+ margin: 4px;
+ text-align: center;
+ top: 0;
+ width: 100%;
}
-/* end esri mobile popup overrides */
-
/*
media queries bootstrap style
- http://getbootstrap.com/css/#grid-media-queries
+ https://getbootstrap.com/css/#grid-media-queries
*/
@media screen and (max-width: 991px) {
diff --git a/viewer/css/theme/flat/flat.css b/viewer/css/theme/flat/flat.css
new file mode 100644
index 000000000..99e67f488
--- /dev/null
+++ b/viewer/css/theme/flat/flat.css
@@ -0,0 +1 @@
+.dj_ie .dijitButtonNode,.dj_ie .dijitSliderRtl .dijitRuleLabelH,.dj_ie6 .dijitTabContainerLeft-tabs .dijitTabRtl,.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,.dj_ie6 .dijitTabRtl .tabLabel,.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle,.dj_ie6 .dijitTitlePaneContentOuter,.dj_ie7 .dijitTabContainerLeft-tabs .dijitTabRtl,.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl{zoom:1}.dijitBorderContainer>.dijitTextArea,.dijitExpandingTextArea{resize:none}.dijitReset{margin:0;border:0;padding:0;font:inherit;color:inherit}.dj_a11y .dijitReset{-moz-appearance:none}.dijitInline{display:inline-block;#zoom:1;#display:inline;border:0;padding:0;vertical-align:middle;#vertical-align:auto}table.dijitInline{display:inline-table;box-sizing:content-box;-moz-box-sizing:content-box}.dijitHidden{display:none!important}.dijitVisible{display:block!important;position:relative}.dijitInputContainer,.dj_ie6 .dijitComboBox .dijitInputContainer{#zoom:1;overflow:hidden;float:none!important;position:relative}.dj_ie7 .dijitInputContainer{float:left!important;clear:left;display:inline-block!important}.dj_ie .dijitSelect input,.dj_ie .dijitTextBox input,.dj_ie input.dijitTextBox{font-size:100%}.dijitSelect .dijitButtonText{float:left;vertical-align:top}TABLE.dijitSelect{padding:0!important}.dijitTextBox .dijitArrowButtonContainer,.dijitTextBox .dijitSpinnerButtonContainer,.dijitValidationTextBox .dijitValidationContainer{float:right;text-align:center}.dijitSelect input.dijitInputField,.dijitTextBox input.dijitInputField{padding-left:0!important;padding-right:0!important}.dijitValidationTextBox .dijitValidationContainer{display:none}.dijitTeeny{font-size:1px;line-height:1px}.dijitOffScreen{position:absolute!important;left:50%!important;top:-10000px!important}.dijitPopup{position:absolute;background-color:transparent;margin:0;border:0;padding:0}.dijitPositionOnly{padding:0!important;border:0!important;background-color:transparent!important;background-image:none!important;height:auto!important;width:auto!important}.dijitNonPositionOnly{float:none!important;position:static!important;margin:0!important;vertical-align:middle!important}.dijitButtonNode,.dijitButtonNode *,.dijitButtonNode img,.dijitTextBox,.dj_ie .dijitToolbar .dijitComboBox{vertical-align:middle}.dijitBackgroundIframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;border:0;padding:0;margin:0}.dijitDisplayNone{display:none!important}.dijitContainer{overflow:hidden}.dj_a11y .dijitCalendarIncrementControl,.dj_a11y .dijitIcon,.dj_a11y .dijitTreeExpando,.dj_a11y div.dijitArrowButtonInner,.dj_a11y img.dijitArrowButtonInner,.dj_a11y span.dijitArrowButtonInner{display:none}.dijitSpinner div.dijitArrowButtonInner{display:block}.dj_a11y .dijitA11ySideArrow{display:inline!important;cursor:pointer}.dj_a11y .dijitCalendarDateLabel{padding:1px;border:0!important}.dj_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel{border-style:solid!important;border-width:1px!important;padding:0}.dj_a11y .dijitCalendarDateTemplate{padding-bottom:.1em!important;border:0!important}.dj_a11y .dijitButtonNode{border:outset #000!important;padding:0!important}.dj_a11y .dijitArrowButton{padding:0!important}.dj_a11y .dijitButtonContents{margin:.15em}.dj_a11y .dijitTextBoxReadOnly .dijitButtonNode,.dj_a11y .dijitTextBoxReadOnly .dijitInputField{border-style:outset!important;border-width:medium!important;border-color:#999!important;color:#999!important}.dijitButtonNode,.dijitSelect{border:1px solid gray}.dijitButtonNode .dijitArrowButtonInner,.dijitSelect .dijitArrowButtonInner{background:center no-repeat;direction:ltr}.dijitLeft{background-position:left top;background-repeat:no-repeat}.dijitStretch{white-space:nowrap;background-repeat:repeat-x}.dijitRight{#display:inline;background-position:right top;background-repeat:no-repeat}.dj_gecko .dj_a11y .dijitButtonDisabled .dijitButtonNode{opacity:.5}.dijitButton,.dijitComboButton,.dijitDropDownButton,.dijitToggleButton{margin:.2em;vertical-align:middle}.dijitButtonContents{display:block}td.dijitButtonContents{display:table-cell}.dijitToolbar .dijitComboButton{border-collapse:separate}.dijitToolbar .dijitButton,.dijitToolbar .dijitComboButton,.dijitToolbar .dijitDropDownButton,.dijitToolbar .dijitToggleButton{margin:0}.dijitToolbar .dijitButtonContents{padding:1px 2px}.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner{padding:0}.dijitButtonNode{margin:0;line-height:20px;#vertical-align:auto;text-align:center;white-space:nowrap}.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer{line-height:inherit}.dijitTextBox .dijitButtonNode{border-width:0}.dijitButtonNode,.dijitButtonNode *,.dijitSelect,.dijitSelect *{cursor:pointer}.dj_ie .dijitButtonNode button{overflow:visible}div.dijitArrowButton{float:right}.dijitTextBox{border:1px solid #000;#overflow:hidden;width:15em}.dijitTextBoxDisabled,.dijitTextBoxReadOnly{color:gray}.dj_safari .dijitTextBoxDisabled input{color:#B0B0B0}.dj_safari textarea.dijitTextAreaDisabled{color:#333}.dj_gecko .dijitTextBoxDisabled input,.dj_gecko .dijitTextBoxReadOnly input.dijitInputField{-moz-user-input:none}.dijitPlaceHolder{color:#999;position:absolute;top:0;left:0;#filter:""}.dijitTimeTextBox{width:8em}.dijitTextBox input:focus{outline:0}.dijitTextBoxFocused{outline:-webkit-focus-ring-color 5px}.dijitSelect input,.dijitTextBox input{float:left}.dj_ie6 .dijitTextBox input,.dj_ie6 input.dijitTextBox{float:none}.dijitInputInner{border:0!important;background-color:transparent!important;width:100%!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.dj_a11y .dijitTextBox input{margin:0!important}.dijitSelect input,.dijitTextBox input.dijitArrowButtonInner,.dijitValidationTextBoxError input.dijitValidationInner{text-indent:-2em!important;direction:ltr!important;text-align:left!important;#text-indent:0!important;#letter-spacing:-5em!important;#text-align:right!important}.dj_ie .dijitSelect input,.dj_ie .dijitTextBox input,.dj_ie input.dijitTextBox{overflow-y:visible;line-height:20px;height:20px}.dijitSelect .dijitSelectLabel span{line-height:100%}.dj_ie .dijitSelect .dijitSelectLabel{line-height:normal}.dijitSelect td,.dj_ie6 .dijitSelect .dijitSelectLabel,.dj_ie6 .dijitSelect .dijitValidationContainer,.dj_ie6 .dijitSelect input,.dj_ie6 .dijitTextBox input,.dj_ie6 input.dijitTextBox,.dj_ie7 .dijitSelect .dijitSelectLabel,.dj_ie8 .dijitSelect .dijitSelectLabel,.dj_iequirks .dijitSelect .dijitSelectLabel,.dj_iequirks .dijitSelect input,.dj_iequirks .dijitTextBox input.dijitArrowButtonInner,.dj_iequirks .dijitTextBox input.dijitInputInner,.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner,.dj_iequirks .dijitTextBox input.dijitValidationInner,.dj_iequirks input.dijitTextBox{line-height:100%}.dj_a11y input.dijitArrowButtonInner,.dj_a11y input.dijitValidationInner{text-indent:0!important;width:1em!important;text-align:left!important;color:#000!important}.dijitValidationTextBoxError .dijitValidationContainer{display:inline;cursor:default}.bootstrap .dijitSelect .dijitArrowButton,.dijitComboBox .dijitArrowButtonContainer,.dijitSpinner .dijitSpinnerButtonContainer{border-width:0 0 0 1px!important}.dijitToolbar .dijitComboBox .dijitArrowButtonContainer,.dj_a11y .dijitSelect .dijitArrowButtonContainer{border-width:0!important}.dijitComboBox .dijitButtonNode,.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode,.dijitSpinnerButtonContainer .dijitButtonNode{border-width:0}.dijitComboBoxMenu{list-style-type:none}.dj_ie .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode{clear:both}.dijitTextBox .dijitSpinnerButtonContainer{width:1em;position:relative!important;overflow:hidden}.dijitSpinner .dijitSpinnerButtonInner{width:1em;visibility:hidden!important;overflow-x:hidden}.dj_a11y .dijitSpinnerButtonContainer .dijitButtonNode{border-width:0!important;border-style:solid!important}.dj_a11y .dijitSpinner .dijitArrowButtonInner,.dj_a11y .dijitSpinnerButtonContainer input,.dj_a11y .dijitTextBox .dijitSpinnerButtonContainer{width:1em!important}.dj_a11y .dijitSpinner .dijitArrowButtonInner{margin:0 auto!important}.dj_ie .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField{padding-left:.3em!important;padding-right:.3em!important;margin-left:.3em!important;margin-right:.3em!important;width:1.4em!important}.dj_ie7 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField{padding-left:0!important;padding-right:0!important;width:1em!important}.dj_ie6 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField{margin-left:.1em!important;margin-right:.1em!important;width:1em!important}.dj_iequirks .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField{margin-left:0!important;margin-right:0!important;width:2em!important}.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton{padding:0;position:absolute!important;float:none;height:50%;width:100%;bottom:auto;left:0;right:auto}.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton{width:auto}.dj_a11y .dijitSpinnerButtonContainer .dijitArrowButton{overflow:visible!important}.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton{top:50%;border-top-width:1px!important}.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton{#bottom:50%;top:0}.dijitSpinner .dijitArrowButtonInner{margin:auto;overflow-x:hidden}.dj_iequirks .dijitSpinner .dijitArrowButtonInner{height:auto!important}.dijitSpinner .dijitArrowButtonInner .dijitInputField{-moz-transform:scale(.5);-moz-transform-origin:center top;-webkit-transform:scale(.5);-webkit-transform-origin:center top;-o-transform:scale(.5);-o-transform-origin:center top;transform:scale(.5);transform-origin:left top;padding-top:0;padding-bottom:0;padding-left:0!important;padding-right:0!important;width:100%;visibility:hidden}.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField{display:none}.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner{overflow:hidden}.dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton{width:100%}.dj_a11y .dijitSpinnerButtonContainer,.dj_iequirks .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton{width:1em}.dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField{vertical-align:top;visibility:visible}.dijitCalendarIncrementControl,.dijitCheckedMenuItemIconChar,.dijitColorPalette .dijitPaletteCell,.dijitMenuItemLabel,.dijitSliderMoveable,.dijitTab *,.dijitTitlePaneTitle *,.dijitTreeRow img{vertical-align:middle}.dijitCheckBox,.dijitCheckBoxInput,.dijitRadio{padding:0;border:0;width:20px;height:20px;background-position:center center;background-repeat:no-repeat;overflow:hidden;cursor:pointer}.dijitCheckBox input,.dijitRadio input{margin:0;padding:0;display:block}.dijitCheckBoxInput{opacity:.01}.dj_ie .dijitCheckBoxInput{filter:alpha(opacity=0)}.dj_a11y .dijitCheckBox,.dj_a11y .dijitRadio{width:auto!important;height:auto!important}.dj_a11y .dijitCheckBoxInput{opacity:1;filter:none;width:auto;height:auto}.dj_a11y .dijitFocusedLabel{border:1px dotted;outline:0!important}.dijitProgressBar{z-index:0}.dijitProgressBarEmpty{position:relative;overflow:hidden;border:1px solid #000;z-index:0}.dijitProgressBarFull,.dijitProgressBarTile{position:absolute;overflow:hidden;top:0;width:100%}.dijitProgressBarFull{z-index:-1}.dj_ie6 .dijitProgressBarFull{height:1.6em}.dijitProgressBarTile{left:0;bottom:0;right:0;margin:0;padding:0;height:auto;background-color:#aaa}.dj_a11y .dijitProgressBarTile{border-width:2px;border-style:solid;background-color:transparent!important}.dj_ie6 .dijitProgressBarTile{position:static;height:1.6em}.dijitProgressBarIndeterminateHighContrastImage{display:none}.dj_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage{display:block;position:absolute;top:0;bottom:0;margin:0;padding:0;width:100%;height:auto}.dijitProgressBarLabel{display:block;position:static;width:100%;text-align:center;background-color:transparent!important}.dijitTooltip,.dijitTooltipConnector{position:absolute}.dijitTooltip{z-index:2000;display:block;left:0;top:-10000px;overflow:visible}.dijitTooltipContainer{border:2px solid #000;background:#b8b5b5;color:#000;font-size:small}.dijitTooltipFocusNode{padding:2px}.dijitTooltipData,.dj_a11y .dijitTooltipConnector{display:none}.dijitLayoutContainer{position:relative;display:block;overflow:hidden}.dijitAlignBottom,.dijitAlignLeft,.dijitAlignRight,.dijitAlignTop{position:absolute;overflow:hidden}body .dijitAlignClient{position:absolute}.dijitBorderContainer,.dijitBorderContainerNoGutter{position:relative;overflow:hidden;z-index:0}.dijitBorderContainerNoGutterPane,.dijitBorderContainerPane{position:absolute!important;z-index:2}.dijitGutter{position:absolute;font-size:1px}.dijitSplitter{position:absolute;overflow:hidden;z-index:10;background-color:#fff;border-color:gray;border-style:solid;border-width:0}.dj_ie .dijitSplitter{z-index:1}.dijitSplitterActive{z-index:11!important}.dijitSplitterCover{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%}.dijitSplitterCoverActive{z-index:3!important}.dj_ie .dijitSplitterCover{background:#fff;filter:alpha(opacity=0)}.dijitSplitterH{height:7px;border-top:1px;border-bottom:1px;cursor:row-resize}.dijitSplitContainerSizerH,.dijitSplitContainerVirtualSizerH,.dijitSplitterV{cursor:col-resize}.dijitSplitterV{width:7px;border-left:1px;border-right:1px}.dijitSplitContainer{position:relative;overflow:hidden;display:block}.dijitSplitPane{position:absolute}.dijitSplitContainerSizerH,.dijitSplitContainerSizerV{position:absolute;font-size:1px;background-color:ThreeDFace;border:1px solid;border-color:ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;margin:0}.dijitSplitContainerSizerH .thumb,.dijitSplitterV .dijitSplitterThumb{overflow:hidden;position:absolute;top:49%}.dijitSplitContainerSizerV .thumb,.dijitSplitterH .dijitSplitterThumb{position:absolute;left:49%}.dijitSplitContainerVirtualSizerH,.dijitSplitContainerVirtualSizerV,.dijitSplitterShadow{font-size:1px;background-color:ThreeDShadow;-moz-opacity:.5;opacity:.5;filter:Alpha(Opacity=50);margin:0}.dijitSplitContainerSizerV,.dijitSplitContainerVirtualSizerV{cursor:row-resize}.dj_a11y .dijitSplitterH{border-top:1px solid #d3d3d3!important;border-bottom:1px solid #d3d3d3!important}.dj_a11y .dijitSplitterV{border-left:1px solid #d3d3d3!important;border-right:1px solid #d3d3d3!important}.dijitContentPane{display:block;overflow:auto}.dijitAccordionChildWrapper,.dijitContentPaneSingleChild,.dijitSpacer,.dijitTitlePane{overflow:hidden}.dijitContentPaneError .dijitIconError,.dijitContentPaneLoading .dijitIconLoading{margin-right:9px}.dijitTitlePane{display:block}.dijitFixedClosed .dijitArrowNode,.dijitFixedClosed .dijitArrowNodeInner,.dijitFixedOpen .dijitArrowNode,.dijitFixedOpen .dijitArrowNodeInner,.dijitTitlePane .dijitArrowNodeInner{display:none}.dijitTitlePaneTitle{cursor:pointer}.dijitFixedClosed,.dijitFixedOpen{cursor:default}.dj_a11y .dijitTitlePane .dijitArrowNodeInner{display:inline!important;font-family:monospace}.dijitAccordionTitle .arrowTextDown,.dijitAccordionTitle .arrowTextUp,.dj_a11y .dijitTitlePane .dijitArrowNode{display:none}.dijitColorPalette{border:1px solid #999;background:#fff;position:relative}.dijitColorPalette .dijitPaletteTable{padding:2px 3px 3px;position:relative;overflow:hidden;outline:0;border-collapse:separate}.dj_ie6 .dijitColorPalette .dijitPaletteTable,.dj_ie7 .dijitColorPalette .dijitPaletteTable,.dj_iequirks .dijitColorPalette .dijitPaletteTable{padding:0;margin:2px 3px 3px}.dijitColorPalette .dijitPaletteCell{font-size:1px;text-align:center;background:0 0}.dijitColorPalette .dijitPaletteImg{padding:1px;border:1px solid #999;margin:2px 1px;cursor:default;font-size:1px}.dj_gecko .dijitColorPalette .dijitPaletteImg{padding-bottom:0}.dijitColorPalette .dijitColorPaletteSwatch{width:14px;height:12px}.dijitPaletteTable td{padding:0}.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg{border:1px solid #000}.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg{border:2px solid #000;margin:1px 0}.dj_a11y .dijitColorPalette .dijitPaletteTable,.dj_a11y .dijitColorPalette .dijitPaletteTable *{background-color:transparent!important}.dijitAccordionContainer{border:1px solid #b7b7b7;border-top:0!important}.dijitAccordionTitle{cursor:pointer}.dijitAccordionTitleSelected{cursor:default}.dj_a11y .dijitAccordionTitle .arrowTextUp,.dj_a11y .dijitAccordionTitleSelected .arrowTextDown{display:inline}.dijitMenuExpandA11y,.dj_a11y .dijitAccordionTitleSelected .arrowTextUp{display:none}.dijitCalendarContainer{width:auto}.dijitCalendarContainer td,.dijitCalendarContainer th{padding:1px 2px 2px;vertical-align:middle}.dijitCalendarYearLabel{white-space:nowrap}.dijitCalendarNextYear{margin:0 0 0 .55em}.dijitCalendarPreviousYear{margin:0 .55em 0 0}.dijitCalendarDateTemplate,.dijitCalendarIncrementControl,.dijitCalendarMonthLabel,.dijitCalendarNextYear,.dijitCalendarPreviousYear{cursor:pointer}.dijitCalendarDisabledDate{color:gray;text-decoration:line-through;cursor:default}.dijitSpacer{position:relative;height:1px;visibility:hidden}.dijitCalendarMonthMenu .dijitCalendarMonthLabel{text-align:center}.dijitMenu{border:1px solid #000;background-color:#fff}.dijitMenuTable{border-collapse:collapse;border-width:0;background-color:#fff}.dj_webkit .dijitMenuTable td[colspan="2"]{border-right:hidden}.dijitMenuItem{text-align:left;white-space:nowrap;padding:.1em .2em;cursor:pointer}.dijitMenuItemDisabled *,.dijitStackController .dijitToggleButtonChecked *{cursor:default}.dijitMenuItem:focus{outline:0}.dijitMenuItemSelected,.dijitMenuPassive .dijitMenuItemHover{background-color:#000;color:#fff}.dijitMenuExpand,.dijitMenuItemIcon{background-repeat:no-repeat}.dj_ie .dijitMenuItemDisabled *,.dj_ie .dj_a11y .dijitMenuItemDisabled,.dj_ie .dj_a11y .dijitMenuItemDisabled *{color:gray;filter:alpha(opacity=35)}.dijitMenuItemLabel{position:relative}.dj_a11y .dijitMenuItemSelected{border:1px dotted #000!important}.dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel{border-width:1px;border-style:solid}.dj_ie8 .dj_a11y .dijitMenuItemLabel{position:static}.dj_a11y .dijitMenuExpandA11y{display:inline}.dijitMenuSeparator td{border:0;padding:0}.dijitMenuSeparatorTop{height:50%;margin:3px 0 0;font-size:1px}.dijitMenuSeparatorBottom{height:50%;margin:0 0 3px;font-size:1px}.dijitCheckedMenuItemIconChar{visibility:hidden}.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar{visibility:visible}.dj_a11y .dijitCheckedMenuItemIconChar{display:inline!important}.dj_a11y .dijitCheckedMenuItemIcon{display:none}.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem{margin:0}.dijitTabContainer{z-index:0;overflow:visible}.dj_ie6 .dijitTabContainer{overflow:hidden}.dijitTabContainerNoLayout{width:100%}.dijitTabContainerBottom-tabs,.dijitTabContainerLeft-tabs,.dijitTabContainerRight-tabs,.dijitTabContainerTop-tabs{z-index:1;overflow:visible!important}.dijitTabController{z-index:1}.dijitTabContainerBottom-container,.dijitTabContainerLeft-container,.dijitTabContainerRight-container,.dijitTabContainerTop-container{z-index:0;overflow:hidden;border:1px solid #000}.nowrapTabStrip{width:50000px;display:block;position:relative;text-align:left;z-index:1}.dijitTabListWrapper{overflow:hidden;z-index:1}.dj_a11y .tabStripButton img{display:none}.dijitTabContainerTop-tabs{border-bottom:1px solid #000}.dijitTabContainerTop-container{border-top:0}.dijitTabContainerLeft-tabs{border-right:1px solid #000;float:left}.dijitTabContainerLeft-container{border-left:0}.dijitTabContainerBottom-tabs{border-top:1px solid #000}.dijitTabContainerBottom-container{border-bottom:0}.dijitTabContainerRight-tabs{border-left:1px solid #000;float:left}.dijitTabContainerRight-container{border-right:0}.dj_ie div.dijitTabDisabled,div.dijitTabDisabled{cursor:auto}.dijitTab{position:relative;cursor:pointer;white-space:nowrap;z-index:3}.dijitTabChecked{cursor:default}.dijitTabContainerTop-tabs .dijitTab{top:1px}.dijitTabContainerBottom-tabs .dijitTab{top:-1px}.dijitTabContainerLeft-tabs .dijitTab{left:1px}.dijitTabContainerRight-tabs .dijitTab{left:-1px}.dijitTabContainerBottom-tabs .dijitTab,.dijitTabContainerTop-tabs .dijitTab{display:inline-block;#zoom:1;#display:inline}.dijitTabButtonDisabled .tabStripButton,.dijitTabCloseText{display:none}.tabStripButton{z-index:12}.dijitTabCloseButton{margin-left:1em}.dijitTab .tabLabel{display:inline-block}.dijitNoIcon{display:none}.dj_ie6 .dijitTab .dijitNoIcon{display:inline;height:15px;width:1px}.dj_a11y .dijitTabCloseButton{background-image:none!important;width:auto!important;height:auto!important}.dj_a11y .dijitTabCloseText{display:inline}.dijitAccordionContainer-child,.dijitStackContainer-child,.dijitTabPane{border:none!important}.dijitInlineEditBoxDisplayMode{border:1px solid transparent;cursor:text}.dijitInlineEditBoxDisplayModeDisabled,.dijitTreeContent{cursor:default}.dj_a11y .dijitInlineEditBoxDisplayMode,.dj_ie6 .dijitInlineEditBoxDisplayMode{border:none}.dijitInlineEditBoxDisplayModeHover,.dj_a11y .dijitInlineEditBoxDisplayModeHover,.dj_ie6 .dijitInlineEditBoxDisplayModeHover{background-color:#e2ebf2;border:1px solid #000}.dijitTree{overflow:auto}.dijitTreeContainer{float:left}.dijitTreeIndent{width:19px}.dijitTreeContent,.dijitTreeRow{white-space:nowrap}.dj_ie .dijitTreeLabel:focus{outline:#000 dotted 1px}.dijitExpandoText{display:none}.dj_a11y .dijitExpandoText{display:inline;padding-left:10px;padding-right:10px;font-family:monospace;border-style:solid;border-width:thin;cursor:pointer}.dijitSlider .dijitButtonNode,.dijitSliderButton{padding:0;display:block}.dijitTreeLabel{margin:0 4px}.dijitDialog{position:absolute;z-index:999;overflow:hidden}.dijitDialogTitleBar{cursor:move}.dijitDialogFixed .dijitDialogTitleBar{cursor:default}.dijitDialogCloseIcon,.dijitSliderBar,.dijitSliderButtonContainer *,.dijitTimePickerItemHover{cursor:pointer}.dijitDialogPaneContent{-webkit-overflow-scrolling:touch}.dijitDialogUnderlayWrapper{position:absolute;left:0;top:0;z-index:998;display:none;background:0 0!important}.dijitDialogUnderlay{background:#eee;opacity:.5}.dj_ie .dijitDialogUnderlay{filter:alpha(opacity=50)}.dj_a11y .dijitDialog,.dj_a11y .dijitSpinnerButtonContainer{opacity:1!important;background-color:#fff!important}.dijitDialog .closeText{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;display:block;color:#000;text-shadow:0 1px 0 #FFF;position:absolute}.dj_a11y .dijitDialog .closeText{display:inline}.dijitSliderMoveable{z-index:99;position:absolute!important;display:block}.dijitSliderMoveableH{right:0}.dijitSliderMoveableV{right:50%}.dijitSliderImageHandle,.dj_a11y div.dijitSliderImageHandle{margin:0;padding:0;position:relative!important;border:8px solid gray;width:0;height:0;cursor:pointer}.dijitSliderBarContainerH,.dijitSliderBarContainerV{position:relative;z-index:1}.dj_iequirks .dj_a11y .dijitSliderImageHandle{font-size:0}.dj_ie7 .dijitSliderImageHandle{overflow:hidden}.dj_ie7 .dj_a11y .dijitSliderImageHandle{overflow:visible}.dj_a11y .dijitSliderFocused .dijitSliderImageHandle{border:4px solid #000;height:8px;width:8px}.dijitSliderImageHandleV{top:-8px;right:-50%}.dijitSliderImageHandleH{left:50%;top:-5px;vertical-align:top}.dijitSliderBar{border-style:solid;border-color:#000}.dijitSliderBarContainerV{height:100%}.dijitSliderBarH{height:4px;border-width:1px 0}.dijitSliderBarV{width:4px;border-width:0 1px}.dijitSliderProgressBar{background-color:red;z-index:1}.dijitSliderProgressBarV{position:static!important;height:0;vertical-align:top;text-align:left}.dijitSliderProgressBarH{position:absolute!important;width:0;vertical-align:middle;overflow:visible}.dijitSliderBumper,.dijitSliderRemainingBar{overflow:hidden;z-index:1}.dijitSliderRemainingBar{background-color:transparent}.dijitSliderRemainingBarV{height:100%;text-align:left}.dijitSliderRemainingBarH{width:100%!important}.dijitSliderBumperV{width:4px;height:8px;border-width:0 1px}.dijitSliderBumperH{width:8px;height:4px;border-width:1px 0}.dijitSliderBottomBumper,.dijitSliderLeftBumper{background-color:red}.dijitSliderRightBumper,.dijitSliderTopBumper{background-color:transparent}.dijitSliderDecoration{text-align:center}.dijitSliderDecorationC,.dijitSliderDecorationV{position:relative}.dijitSliderDecorationH{width:100%}.dijitSliderDecorationV{height:100%;white-space:nowrap}.dijitSliderButton{font-family:monospace;margin:0}.dj_a11y .dijitSliderButtonInner{visibility:visible!important}.dijitSliderButtonContainer{text-align:center;height:0}.dijitRuleContainer{position:relative;overflow:visible}.dijitRuleLabelContainer,.dijitRuleMark{position:absolute}.dijitRuleContainerV{height:100%;line-height:0;float:left;text-align:left}.dj_opera .dijitRuleContainerV{line-height:2%}.dj_ie .dijitRuleContainerV{line-height:normal}.dj_gecko .dijitRuleContainerV{margin:0 0 1px}.dijitRuleMark{border:1px solid #000;line-height:0;height:100%}.dijitRuleMarkH{width:0;border-top-width:0!important;border-bottom-width:0!important}.dijitRuleLabelContainerH{text-align:center;display:inline-block}.dijitRuleLabelH{position:relative;left:-50%}.dijitRuleLabelV{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dijitRuleMarkV{height:0;border-right-width:0!important;border-left-width:0!important;width:100%;left:0}.dj_ie .dijitRuleLabelContainerV{margin-top:-.55em}.dj_a11y .dijitSliderDisabled,.dj_a11y .dijitSliderReadOnly{opacity:.6}.dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar,.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar{filter:alpha(opacity=40)}.dj_a11y .dijitSlider .dijitSliderButtonContainer div{font-family:monospace;font-size:1em;line-height:1em;height:auto;width:auto;margin:0 4px}.dj_a11y .dijitButtonContents .dijitButtonText,.dj_a11y .dijitTab .tabLabel{display:inline!important}.dj_a11y .dijitSelect .dijitButtonText{display:inline-block!important}.dijitSelectError .dijitButtonContents .dijitButtonText{display:none!important}.dijitTextArea{width:100%;overflow-y:auto}.dijitTextArea[cols],.dj_ie .dijitTextAreaCols{width:auto}.dijitToolbarSeparator{height:18px;width:5px;padding:0 1px;margin:0}.dijitIEFixedToolbar{position:absolute;top:expression(eval((document.documentElement||document.body).scrollTop))}.dijitEditor{display:block}.dijitEditorDisabled,.dijitEditorReadOnly{color:gray}.dijitTimePickerItemInner{text-align:center;border:0;padding:2px 8px}.dijitTimePicker .dijitDownArrowButton{border-top:none!important}.dijitTimePickerMarker{color:#000}.dijitTimePickerItemSelected{font-weight:700;color:#333;background-color:#b7cdee}.dijitTimePickerItemHover{background-color:gray;color:#fff}.dijitTimePickerItemDisabled{color:gray;text-decoration:line-through}.dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner{border:4px solid #000}.dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner{border:4px dashed #000}.dijitToggleButtonIconChar{display:none!important}.dj_a11y .dijitToggleButton .dijitToggleButtonIconChar{display:inline!important;visibility:hidden}.dj_ie6 .dijitToggleButtonIconChar,.dj_ie6 .tabStripButton .dijitButtonText{font-family:"Arial Unicode MS"}.dojoDndAvatarHeader:before,.flat .dijitCalendarIncrementControl{font-family:flat-icon;speak:none;font-style:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dj_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar{display:inline!important;visibility:visible!important}.dijitArrowButtonChar{display:none!important}.dj_a11y .dijitArrowButtonChar{display:inline!important}.dj_a11y .dijitComboButton .dijitArrowButtonInner,.dj_a11y .dijitDropDownButton .dijitArrowButtonInner{display:none!important}.dijitSelectMenu .dijitMenuItemIcon,.flat .dijitA11ySideArrow{display:none}.dj_a11y .dijitSelect{border-collapse:separate!important;border-width:1px;border-style:solid}.flat .dijitCalendar,.flat .dijitMenuTable,.flat table.dijitComboButton{border-collapse:separate}.dj_ie .dijitSelect{vertical-align:middle}.dj_ie6 .dijitSelect .dijitValidationContainer,.dj_ie8 .dijitSelect .dijitButtonText{vertical-align:top}.dijitSelect .dijitSelectLabel,.dijitSelectLabel *,.dj_ie6 .dijitSpinner .dijitSpinnerButtonInner,.dj_ie6 .dijitTextBox .dijitArrowButtonInner,.dj_ie6 .dijitTextBox .dijitInputContainer,.dj_iequirks .dijitTextBox .dijitInputContainer{vertical-align:baseline}.dijitNumberTextBox{text-align:left;direction:ltr}.dijitNumberTextBox .dijitInputInner{text-align:inherit}.dijitToolbar .dijitSelect{margin:0}.dj_webkit .dijitToolbar .dijitSelect{padding-left:.3em}.dijitSelect .dijitButtonContents{padding:0;white-space:nowrap;text-align:left;border-style:none solid none none;border-width:0}.dijitSelectFixedWidth .dijitButtonContents{width:100%}.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel{position:static}.flat .dijitCalendarYearContainer,.flat .dijitCalendarYearLabel span{vertical-align:middle}.dijitSelectSelectedOption *{font-weight:400}.dijitSelectMenu{border-width:1px}.dijitSelectMenu .dijitMenuTable{margin:0;background-color:transparent}.dijitForceStatic{position:static!important}.dijitDisabled,.dijitDisabled *,.dijitReadOnly,.dijitReadOnly *{cursor:default}.dojoDndItem{padding:2px;-webkit-touch-callout:none;-webkit-user-select:none}.dojoDndHorizontal .dojoDndItem{#display:inline;display:inline-block}.dojoDndItemAfter,.dojoDndItemBefore{border:0 solid #369}.dojoDndItemBefore{border-width:2px 0 0;padding:0 2px 2px}.dojoDndItemAfter{border-width:0 0 2px;padding:2px 2px 0}.dojoDndHorizontal .dojoDndItemBefore{border-width:0 0 0 2px;padding:2px 2px 2px 0}.dojoDndHorizontal .dojoDndItemAfter{border-width:0 2px 0 0;padding:2px 0 2px 2px}.dj_gecko .dijitArrowButtonInner INPUT,.dj_gecko INPUT.dijitArrowButtonInner{-moz-user-focus:ignore}.dijitFocused .dijitMenuItemShortcutKey{text-decoration:underline}.flat .dijitCalendar{background-color:#fff;text-align:center;padding:4px;border:1px solid #9e9e9e;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2);box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2)}.flat .dijitCalendarMonthContainer th{text-align:center;line-height:20px;vertical-align:middle;margin:4px 0}.flat .dijitCalendarIncrementControl{font-weight:400;line-height:1;font-size:24px;border:1px solid transparent;padding:4px}.flat .dijitCalendarDecrease:before{content:"\f000"}.flat .dijitCalendarIncrease:before{content:"\f001"}.flat .dijitCalendarArrow:hover .dijitCalendarIncrementControl,.flat .dijitCalendarArrowHover .dijitCalendarIncrementControl,.flat .dijitCalendarNextYear:hover,.flat .dijitCalendarNextYearHover,.flat .dijitCalendarPreviousYear:hover,.flat .dijitCalendarPreviousYearHover{border-style:solid;border-width:1px;border-color:#9e9e9e;-webkit-border-radius:3px;border-radius:3px;line-height:20px;cursor:pointer;-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;-ms-transition:all 50ms linear;transition:all 50ms linear;background:#fff;padding:4px}.flat .dijitCalendarArrow:active .dijitCalendarIncrementControl,.flat .dijitCalendarArrowActive .dijitCalendarIncrementControl,.flat .dijitCalendarNextYear:active,.flat .dijitCalendarNextYearActive,.flat .dijitCalendarPreviousYear:active,.flat .dijitCalendarPreviousYearActive{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.05);box-shadow:inset 0 3px 5px rgba(0,0,0,.05);background:#e0e0e0;border-color:#b3b3b3}.flat .dijitCalendarContainer td,.flat .dijitCalendarContainer th{padding:4px}.flat .dijitCalendarDayLabelTemplate{text-align:center;border-bottom:#9e9e9e}.flat .dijitCalendarDayLabel{font-weight:700;text-align:center}.flat .dijitCalendarDateTemplate{font-size:.9em;letter-spacing:.05em;text-align:center}.flat .dijitCalendarDateTemplate .dijitCalendarDateLabel{text-decoration:none;display:block;padding:2px 4px;border:0;-webkit-border-radius:50%;border-radius:50%}.flat .dijitCalendarNextMonth .dijitCalendarDateLabel,.flat .dijitCalendarPreviousMonth .dijitCalendarDateLabel{color:#c2c2c2}.flat .dijitCalendarCurrentDate .dijitCalendarDateLabel{border-color:#2196f3}.flat .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel,.flat .dijitCalendarHoveredDate .dijitCalendarDateLabel{background-color:#f2f2f2}.flat .dijitCalendarActiveDate .dijitCalendarDateLabel,.flat .dijitCalendarEnabledDate:active .dijitCalendarDateLabel{background-color:#e6e6e6}.flat .dijitCalendarSelectedDate .dijitCalendarDateLabel,.flat .dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel{color:#fff;background-color:#2196f3}.flat .dijitCalendarDisabledDate .dijitCalendarDateLabel{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.flat .dijitCalendarYearLabel{padding:4px 0 0;margin:0;font-size:1.15em}.flat .dijitCalendarNextYear,.flat .dijitCalendarPreviousYear,.flat .dijitCalendarSelectedYear{padding:4px}.flat .dijitCalendarSelectedYear{color:#2196f3;padding:0 4px}.flat .dijitCalendarNextYear,.flat .dijitCalendarPreviousYear{color:#2196f3;font-size:.9em;line-height:20px;border:1px solid transparent}.flat .dijitCalendar .dijitDropDownButton{margin:0}.flat .dijitCalendarMonthMenu{padding:8px 0}.flat .dijitCalendarMonthMenu .dijitCalendarMonthLabel,.flat .dijitColorPalette .dijitPaletteTable{padding:4px}.flat .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover{color:#fff;background-color:#2196f3}.flat .dijitColorPalette{border:1px solid #9e9e9e;background-color:#fff;-webkit-border-radius:3px;border-radius:3px}.flat .dijitColorPalette .dijitColorPaletteSwatch{height:15px;width:15px;-webkit-border-radius:2px;border-radius:2px}.flat .dijitColorPalette .dijitPaletteImg{border:1px solid transparent;line-height:normal}.flat .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg{border-color:#9e9e9e;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:2px;border-radius:2px;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.flat .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,.flat .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg{border:1px solid #2196f3;-webkit-box-shadow:0 1px .5px rgba(0,0,0,.3),0 2px 2px rgba(0,0,0,.2);box-shadow:0 1px .5px rgba(0,0,0,.3),0 2px 2px rgba(0,0,0,.2);-webkit-border-radius:2px;border-radius:2px;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.dojoDndAvatarItem td>*,.flat .dijitDialog{-webkit-box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2)}.dijitPopup{-webkit-border-radius:3px;border-radius:3px}.dojoDndItem{border:1px solid transparent;cursor:pointer;-webkit-transition-duration:.25s;-moz-transition-duration:.25s;-o-transition-duration:.25s;-ms-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:background-color,border-color,opacity;-moz-transition-property:background-color,border-color,opacity;-o-transition-property:background-color,border-color,opacity;-ms-transition-property:background-color,border-color,opacity;transition-property:background-color,border-color,opacity}.dojoDndItemOver{cursor:pointer;background-color:#f5f5f5;-webkit-border-radius:3px;border-radius:3px}.dojoDndItemAnchor{background-color:transparent;border:1px dashed #2196f3;-webkit-border-radius:3px;border-radius:3px}.dojoDndItemBefore{background:0 0;padding-top:2px;border-top:1px solid #2196f3}.dojoDndItemAfter{background:0 0;padding-bottom:2px;border-bottom:1px solid #2196f3}table.dojoDndAvatar{display:block}.dojoDndAvatarHeader td{display:none}.dojoDndAvatarHeader:before{font-weight:400;line-height:1;font-size:16px;display:table-cell}.flat .dijitCheckedMenuItemIconChar,.flat .dijitDialogCloseIcon .closeText{display:none}.dojoDndCopy .dojoDndAvatarHeader:before,.dojoDndMove .dojoDndAvatarHeader:before{color:#dd2c00;content:"\f01c"}.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader:before,.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader:before{color:#43a047;content:"\f008"}.dojoDndAvatarItem{-webkit-border-radius:3px;border-radius:3px}.dojoDndAvatarItem td>*{padding:4px 8px;list-style-type:none;background-color:#fff;box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2)}.flat .dijitDialog{background-color:#fff;border:1px solid #9e9e9e;-webkit-border-radius:3px;border-radius:3px;box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2)}.flat .dijitMenu,.flat .dijitTooltipDialog .dijitTooltipContainer{-webkit-box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2)}.flat .dijitDialogPaneContent{background-color:#fff;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:8px;position:relative}.flat .dijitDialogPaneActionBar{padding-top:8px;text-align:right;position:relative}.flat .dijitDialogPaneActionBar .dijitButton{float:none}.flat .dijitTooltipDialog .dijitDialogPaneActionBar{-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;margin:8px 0 0}.flat .dijitDialogTitleBar{line-height:20px;border-bottom:1px solid #e0e0e0;padding:8px 12px;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.flat .dijitDialogTitle{font-size:1.1em;font-weight:700}.flat .dijitDialogCloseIcon,.flat .dijitMenuExpand{font-family:flat-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flat .dijitDialogCloseIcon{width:20px;height:20px;text-align:center;position:absolute;top:8px;right:12px;line-height:1;font-size:16px;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.flat .dijitDialogCloseIcon:before{content:"\f00e";font-size:20px}.flat .dijitDialogCloseIconActive,.flat .dijitDialogCloseIconHover{opacity:1;-ms-filter:none;filter:none}.flat .dijitDialogUnderlay{background:#000;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.flat .dijitTooltip,.flat .dijitTooltipDialog{background:0 0}.flat .dijitTooltipContainer{background-color:#424242;opacity:1;-ms-filter:none;filter:none;padding:4px 8px;-webkit-border-radius:3px;border-radius:3px}.flat .dijitTooltip .dijitTooltipContainer{color:#fff;border:0}.flat .dijitTooltipConnector{z-index:2;width:auto;height:auto;opacity:1;-ms-filter:none;filter:none}.flat .dijitTooltipABRight .dijitTooltipConnector{left:auto!important;right:8px}.flat .dijitTooltipBelow{padding-top:4px}.flat .dijitTooltipBelow .dijitTooltipConnector{top:0;left:8px;border-bottom:4px solid #424242;border-left:4px solid transparent;border-right:4px solid transparent;border-top:0}.flat .dijitTooltipAbove{padding-bottom:4px}.flat .dijitTooltipAbove .dijitTooltipConnector{bottom:0;left:8px;border-top:4px solid #424242;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:0}.flat .dijitTooltipLeft{padding-right:4px}.flat .dijitTooltipLeft .dijitTooltipConnector{right:0;border-left:4px solid #424242;border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:0}.flat .dijitTooltipRight{padding-left:4px}.flat .dijitTooltipRight .dijitTooltipConnector{left:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:4px solid #424242}.flat .dijitTooltipDialog .dijitTooltipContainer{background:#fff;border:1px solid #9e9e9e;-webkit-border-radius:3px;border-radius:3px;box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2);opacity:1;-ms-filter:none;filter:none}.flat .dijitTooltipDialog.dijitTooltipBelow{padding-top:6px}.flat .dijitTooltipDialog.dijitTooltipAbove{padding-bottom:6px}.flat .dijitTooltipDialog.dijitTooltipLeft{padding-right:6px}.flat .dijitTooltipDialog.dijitTooltipRight{padding-left:6px}.flat .dijitTooltipDialog .dijitTooltipConnector{height:0;width:0;position:absolute;z-index:2;opacity:1;-ms-filter:none;filter:none}.flat .dijitTooltipDialog .dijitTooltipConnector:after{content:"";height:0;width:0;position:absolute}.flat .dijitTooltipDialog.dijitTooltipAbove .dijitTooltipConnector{border-color:#9e9e9e transparent transparent;border-width:7px 7px 0;border-style:solid}.flat .dijitTooltipDialog.dijitTooltipAbove .dijitTooltipConnector:after{border-color:#fff transparent transparent;border-width:6px 6px 0;border-style:solid;left:-6px;top:-7px}.flat .dijitTooltipDialog.dijitTooltipBelow .dijitTooltipConnector{border-color:transparent transparent #9e9e9e;border-width:0 7px 7px;border-style:solid}.flat .dijitTooltipDialog.dijitTooltipBelow .dijitTooltipConnector:after{border-color:transparent transparent #fff;border-width:0 6px 6px;border-style:solid;left:-6px;bottom:-7px}.flat .dijitTooltipDialog.dijitTooltipLeft .dijitTooltipConnector{border-color:transparent transparent transparent #9e9e9e;border-width:7px 0 7px 7px;border-style:solid}.flat .dijitTooltipDialog.dijitTooltipLeft .dijitTooltipConnector:after{border-color:transparent transparent transparent #fff;border-width:6px 0 6px 6px;border-style:solid;top:-6px;left:-7px}.flat .dijitTooltipDialog.dijitTooltipRight .dijitTooltipConnector{border-color:transparent #9e9e9e transparent transparent;border-width:7px 7px 7px 0;border-style:solid}.flat .dijitTooltipDialog.dijitTooltipRight .dijitTooltipConnector:after{border-color:transparent #fff transparent transparent;border-width:6px 6px 6px 0;border-style:solid;top:-6px;right:-7px}.flat .dijitEditor{background-color:#fff;border:1px solid #9e9e9e;-webkit-border-radius:3px;border-radius:3px}.flat .dijitEditor .dijitEditorIFrameContainer{border:1px solid transparent;border-top:1px solid #9e9e9e;padding:4px 8px;-webkit-transition:border .2s linear 0s;-moz-transition:border .2s linear 0s;-o-transition:border .2s linear 0s;-ms-transition:border .2s linear 0s;transition:border .2s linear 0s}.flat .dijitAccordionTitle,.flat .dijitTitlePaneTitle{-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-ms-transition:all 50ms linear;cursor:pointer}.flat .dijitEditorFocused .dijitEditorIFrameContainer,.flat .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame,.flat .dijitEditorHover .dijitEditorIFrameContainer,.flat .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame{border:1px solid #2196f3}.flat .dijitEditorDisabled{border:1px solid #9e9e9e;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.flat .dijitEditorDisabled .dijitEditorIFrame,.flat .dijitEditorDisabled .dijitEditorIFrameContainer,.flat .dijitEditorDisabled .dijitEditorIFrameContainer .dijitEditorIFrame{background-color:#f5f5f5;border:1px solid transparent}.flat .dijitInlineEditBoxDisplayMode{border:1px dashed transparent;padding:4px 6px}.flat .dijitInlineEditBoxDisplayModeHover{background-color:transparent;border:1px dashed #2196f3}.flat .dijitInlineEditBoxDisplayModeDisabled{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.flat .dijitMenu{background:#fff;border:1px solid #9e9e9e;-webkit-border-radius:3px;border-radius:3px;margin:0;box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2)}.flat .dijitComboBoxMenu,.flat .dijitMenuTable{padding:8px 0}.flat .dijitComboBoxMenu{margin-left:0;background-image:none}.flat .dijitMenuTable{border-spacing:0 0}.flat .dijitMenuItem,.flat .dijitMenuItem td{line-height:20px;padding:8px;white-space:nowrap}.flat .dijitMenuItemActive,.flat .dijitMenuItemActive td,.flat .dijitMenuItemHover,.flat .dijitMenuItemHover td,.flat .dijitMenuItemSelected,.flat .dijitMenuItemSelected td{color:#fff;background-color:#2196f3}.flat .dijitMenuItemDisabled{color:#9e9e9e}.flat .dijitMenuItemDisabled.dijitMenuItemSelected,.flat .dijitMenuItemDisabled.dijitMenuItemSelected td{color:#f2f2f2;background:#6fbbf7}.flat .dijitMenuSeparatorTop{height:auto;margin-top:1px;border-bottom:1px solid #9e9e9e}.flat .dijitMenuSeparatorBottom{height:auto;margin-bottom:1px;border-top:1px solid transparent}.flat td.dijitMenuItemIconCell{padding:4px;margin:0 0 0 4px;text-align:center}.flat .dijitMenuExpand{line-height:1;font-size:16px}.flat .dijitMenuExpand:before{content:"\f001"}.flat .dijitMenuNextButton,.flat .dijitMenuPreviousButton{font-style:italic}.flat .dijitAccordionTitle .arrowTextDown,.flat .dijitAccordionTitle .arrowTextUp,.flat .dijitTabCloseButton,.flat .dijitTitlePane .dijitArrowNode,.flat .dijitTreeExpando{font-family:flat-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flat .dijitMenuBar{margin:0;padding:0;background-color:#f5f5f5}.flat .dijitMenuBar .dijitMenuItem{padding:8px 12px;margin:0}.flat .dijitMenuBar .dijitMenuItemActive,.flat .dijitMenuBar .dijitMenuItemActive.dijitMenuItemSelected,.flat .dijitMenuBar .dijitMenuItemHover,.flat .dijitMenuBar .dijitMenuItemHover.dijitMenuItemSelected,.flat .dijitMenuBar .dijitMenuItemSelected{color:#fff;background-color:#2196f3}.flat .dijitMenuBar .dijitMenuItemDisabled.dijitMenuItemSelected{color:#f2f2f2;background:#6fbbf7}.flat .dijitMenuPopup,.flat .dijitMenuPopup .dijitMenu{border-top-left-radius:0;border-top-right-radius:0}.flat .dijitMenuPopup .dijitMenuItem,.flat .dijitMenuPopup .dijitMenuItem td{padding:8px}.flat .dijitProgressBar{background-color:#e0e0e0;border:0;-webkit-border-radius:3px;border-radius:3px}.flat .dijitProgressBarTile{background:url(images/progressBarStrips.png) top repeat-x;-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.flat .dijitProgressBarFull{background-color:#2196f3;-webkit-transition-property:width;-moz-transition-property:width;-o-transition-property:width;-ms-transition-property:width;transition-property:width;-webkit-transition-duration:.25s;-moz-transition-duration:.25s;-o-transition-duration:.25s;-ms-transition-duration:.25s;transition-duration:.25s;height:100%}.flat .dijitProgressBar.alt-primary .dijitProgressBarFull{background-color:#1e88e5}.flat .dijitProgressBar.alt-success .dijitProgressBarFull{background-color:#43a047}.flat .dijitProgressBar.alt-info .dijitProgressBarFull{background-color:#03a9f4}.flat .dijitProgressBar.alt-warning .dijitProgressBarFull{background-color:#fb8c00}.flat .dijitProgressBar.alt-danger .dijitProgressBarFull{background-color:#e53935}.flat .dijitProgressBar.alt-inverse .dijitProgressBarFull{background-color:#616161}.flat .dijitProgressBarLabel{margin-top:.2em;margin-bottom:.2em;color:#fff;font-size:1em;text-shadow:.1em .1em 1px #424242}@-moz-keyframes progress-bar-stripes{from{background-position:75px 0}to{background-position:0 0}}@-webkit-keyframes progress-bar-stripes{from{background-position:75px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:75px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:75px 0}to{background-position:0 0}}.dijitTimePickerPopup{-webkit-box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2);box-shadow:0 7px 3px -4px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.2);height:200px}.dijitTimePicker{background-color:#fff;padding:4px 0;border:1px solid #9e9e9e;-webkit-border-radius:3px;border-radius:3px}.dijitTimePickerItem{margin:0}.dijitTimePickerTick{color:#9e9e9e;border:0}.dijitTimePickerMarker{background-color:transparent;white-space:nowrap;border:0}.dijitTimePickerMarkerHover,.dijitTimePickerMarkerSelected,.dijitTimePickerTickHover,.dijitTimePickerTickSelected{background:#f2f2f2;color:#424242}.dijitTimePickerMarker .dijitTimePickerItemInner,.dijitTimePickerTick .dijitTimePickerItemInner{padding:8px;margin:0}.flat .dijitTitlePaneTitle{border-style:solid;border-width:1px;border-color:#9e9e9e;padding:4px;line-height:20px;-o-transition:all 50ms linear;transition:all 50ms linear;background:#fff;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.flat .dijitTitlePaneTitleHover{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;transition:all .1s;background:#f2f2f2;border-color:#d9d9d9}.flat .dijitTitlePaneTitleActive{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.05);box-shadow:inset 0 3px 5px rgba(0,0,0,.05);background:#e0e0e0;border-color:#b3b3b3}.flat .dijitTitlePane .dijitArrowNode{line-height:1;font-size:18px;text-align:center}.flat .dijitTitlePane .dijitArrowNode:before{content:"\f007"}.flat .dijitTitlePane .dijitClosed{-webkit-border-radius:3px;border-radius:3px}.flat .dijitTitlePane .dijitClosed .dijitArrowNode:before{content:"\f006"}.flat .dijitTitlePaneContentOuter{background-color:#fff;border:1px solid #9e9e9e;border-top:none;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.flat .dijitTitlePaneContentInner{padding:8px}.flat .dijitTitlePaneTextNode{margin-left:8px;margin-right:8px;vertical-align:text-top}.flat .dijitToolbar{background-color:#f5f5f5;padding:4px;zoom:1}.flat .dijitToolbar label{padding:8px}.flat .dijitToolbar .dijitButton,.flat .dijitToolbar .dijitComboButton,.flat .dijitToolbar .dijitDropDownButton,.flat .dijitToolbar .dijitToggleButton{margin-right:4px}.flat .dijitToolbar .dijitButton .dijitButtonNode,.flat .dijitToolbar .dijitComboBox .dijitButtonNode,.flat .dijitToolbar .dijitComboButton .dijitButtonNode,.flat .dijitToolbar .dijitDropDownButton .dijitButtonNode,.flat .dijitToolbar .dijitToggleButton .dijitButtonNode{border-color:transparent;padding:4px;background-color:transparent;-webkit-border-radius:3px;border-radius:3px;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;-ms-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s}.flat .dijitToolbar .dijitComboButton .dijitStretch{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.flat .dijitToolbar .dijitComboButton .dijitArrowButton{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.flat .dijitToolbar .dijitComboBox .dijitButtonNode{padding:0 8px}.flat .dijitToolbar .dijitComboBox .dijitInputInner{padding:0}.flat .dijitToolbar .dijitDropDownButton .dijitArrowButtonInner{margin-left:4px}.flat .dijitToolbar .dijitButtonHover .dijitButtonNode,.flat .dijitToolbar .dijitComboButtonHover .dijitButtonNode,.flat .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,.flat .dijitToolbar .dijitToggleButtonHover .dijitButtonNode{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;transition:all .1s;background:#f2f2f2;border:1px solid #9e9e9e}.flat .dijitToolbar .dijitButtonActive .dijitButtonNode,.flat .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode,.flat .dijitToolbar .dijitToggleButtonActive .dijitButtonNode,.flat .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.05);box-shadow:inset 0 3px 5px rgba(0,0,0,.05);background:#e0e0e0;border:1px solid #9e9e9e}.flat .dijitToolbarSeparator{width:1px;height:20px;background-color:#9e9e9e;padding:0;margin:0 4px}.flat .dijitDisabled .dijitToolbar{background-color:#f5f5f5;border-bottom:1px solid #9e9e9e}.flat .dijitTreeIsRoot{background-color:transparent}.flat .dijitTreeRowActive,.flat .dijitTreeRowHover{background-color:#f2f2f2;border-color:transparent}.flat .dijitTreeNode .dojoDndItemAfter,.flat .dijitTreeNode .dojoDndItemBefore,.flat .dijitTreeRow{padding:8px 0;border:0 transparent;line-height:20px;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;-ms-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-o-transition-duration:.15s;-ms-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;transition-timing-function:ease-out}.flat .dijitTreeRowHover{-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-o-transition-duration:.15s;-ms-transition-duration:.15s;transition-duration:.15s}.flat .dijitTreeRowActive.dijitTreeRowSelected,.flat .dijitTreeRowHover.dijitTreeRowSelected,.flat .dijitTreeRowSelected{color:#fff;background-color:#2196f3;border-color:transparent}.flat .dijitTreeRowActive.dijitTreeRowSelected .dijitTreeExpando,.flat .dijitTreeRowHover.dijitTreeRowSelected .dijitTreeExpando,.flat .dijitTreeRowSelected .dijitTreeExpando{color:#fff}.flat .dijitTreeExpando{font-size:16px;width:16px;height:16px;line-height:16px;text-align:center;margin-left:4px;margin-right:4px;color:#2196f3;vertical-align:middle}.flat .dijitTreeExpandoOpened:before{content:"\e60d";cursor:pointer}.flat .dijitTreeExpandoClosed:before{content:"\e60a";cursor:pointer}.flat .dijitTreeExpandoLoading:before{content:"\e60e";-webkit-animation:spinning 2s linear infinite;-moz-animation:spinning 2s linear infinite;-o-animation:spinning 2s linear infinite;-ms-animation:spinning 2s linear infinite;animation:spinning 2s linear infinite}.dj_ie8 .dijitTreeExpandoLoading:before,.dj_ie9 .dijitTreeExpandoLoading:before,.flat .dijitTab:before{content:""}.dj_ie8 .dijitTreeExpandoLoading,.dj_ie9 .dijitTreeExpandoLoading{background:url(images/loadingAnimation.gif) no-repeat}@-moz-keyframes spinning{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinning{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinning{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinning{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.flat .dijitAccordionContainer{border:0;-webkit-border-radius:3px;border-radius:3px}.flat .dijitAccordionInnerContainer{background-color:#fff;border:1px solid #9e9e9e;-webkit-transition-property:background-color,border;-moz-transition-property:background-color,border;-o-transition-property:background-color,border;-ms-transition-property:background-color,border;transition-property:background-color,border;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;-ms-transition-timing-function:linear;transition-timing-function:linear}.flat .dijitAccordionTitle{padding:4px;line-height:20px;-o-transition:all 50ms linear;transition:all 50ms linear;background:#fff;border:0;-webkit-border-radius:3px;border-radius:3px}.flat .dijitAccordionTitle .arrowTextDown,.flat .dijitAccordionTitle .arrowTextUp{display:none;line-height:1;text-align:center;font-size:0}.flat .dijitAccordionTitle .arrowTextDown:before,.flat .dijitAccordionTitle .arrowTextUp:before{content:"\f007";font-size:18px}.flat .dijitAccordionTitle .arrowTextUp{display:block}.flat .dijitAccordionTitle .arrowTextUp:before{content:"\f006"}.flat .dijitAccordionInnerContainerHover .dijitAccordionTitle{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;transition:all .1s;background:#f2f2f2;border-color:#d9d9d9}.flat .dijitAccordionInnerContainerActive .dijitAccordionTitle{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.05);box-shadow:inset 0 3px 5px rgba(0,0,0,.05);background:#e0e0e0;border-color:#b3b3b3}.flat .dijitAccordionInnerContainerSelected{border:0}.flat .dijitAccordionInnerContainerSelected .dijitAccordionTitle{color:#fff;background-color:#2196f3;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.flat .dijitAccordionInnerContainerSelected .dijitAccordionTitle .arrowTextUp{display:none}.flat .dijitAccordionInnerContainerSelected .dijitAccordionTitle .arrowTextDown{display:block}.flat .dijitAccordionContainer .dijitAccordionChildWrapper{background-color:#fff;border:1px solid #9e9e9e;border-top:0 none;position:relative;z-index:1;clear:both;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.flat .dijitAccordionInnerContainer,.flat .dijitAccordionInnerContainer .dijitAccordionTitle,.flat .dijitAccordionInnerContainer:not(:last-child) .dijitAccordionChildWrapper{-webkit-border-radius:0;border-radius:0}.flat .dijitAccordionInnerContainer+.dijitAccordionInnerContainer{margin-top:0;position:relative;border-top:0 none}.flat .dijitAccordionInnerContainer+.dijitAccordionInnerContainerSelected:last-child .dijitAccordionTitle{-webkit-border-radius:0;border-radius:0}.flat .dijitAccordionInnerContainer:first-child,.flat .dijitAccordionInnerContainer:first-child .dijitAccordionTitle{-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.flat .dijitAccordionInnerContainer:last-child,.flat .dijitAccordionInnerContainer:last-child .dijitAccordionTitle{-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.flat .dijitBorderContainer{padding:5px}.flat .dijitBorderContainer-child,.flat .dijitSplitContainer-child{border:1px solid #9e9e9e}.flat .dijitBorderContainer-dijitAccordionContainer,.flat .dijitBorderContainer-dijitTabContainerBottom,.flat .dijitBorderContainer-dijitTabContainerLeft,.flat .dijitBorderContainer-dijitTabContainerRight,.flat .dijitBorderContainer-dijitTabContainerTop{border:none}.flat .dijitBorderContainer-dijitBorderContainer{border:0;padding:0}.flat .dijitGutterH,.flat .dijitSplitterH{background:0 0;border:0;height:5px}.flat .dijitSplitterH .dijitSplitterThumb{background:#9e9e9e;height:1px;top:2px;width:19px}.flat .dijitGutterV,.flat .dijitSplitterV{background:0 0;border:0;width:5px;margin:0}.flat .dijitSplitterV .dijitSplitterThumb{background:#9e9e9e;height:19px;left:2px;width:1px;margin:0}.flat .dijitSplitterHHover,.flat .dijitSplitterVHover{font-size:1px;background:#f2f2f2}.flat .dijitSplitterHHover .dijitSplitterThumb,.flat .dijitSplitterVHover .dijitSplitterThumb{background:#767676}.flat .dijitSplitterHActive,.flat .dijitSplitterVActive{font-size:1px;background:#f2f2f2}.flat .dijitSplitterHActive .dijitSplitterThumb,.flat .dijitSplitterVActive .dijitSplitterThumb{background:#767676}.flat .dijitContentPane{background-color:#fff;padding:8px}.flat .dijitAccordionContainer-dijitContentPane,.flat .dijitTabContainerBottom-dijitContentPane,.flat .dijitTabContainerLeft-dijitContentPane,.flat .dijitTabContainerRight-dijitContentPane,.flat .dijitTabContainerTop-dijitContentPane{background-color:#fff;padding:8px;left:0!important;top:0!important}.flat .dijitTabContainer{-webkit-border-radius:3px;border-radius:3px}.flat .dijitTabPaneWrapper{background:#fff;border:1px solid #9e9e9e;margin:0;padding:0;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.flat .dijitTabContainerBottom-tabs,.flat .dijitTabContainerLeft-tabs,.flat .dijitTabContainerRight-tabs,.flat .dijitTabContainerTop-tabs{border:none}.flat .dijitTabSpacer{display:none}.flat .dijitTab{border:1px solid transparent;background-color:#fff;text-align:center;-webkit-transition-property:background,padding,margin;-moz-transition-property:background,padding,margin;-o-transition-property:background,padding,margin;-ms-transition-property:background,padding,margin;transition-property:background,padding,margin;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;-ms-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;-ms-transition-timing-function:ease;transition-timing-function:ease;position:relative;z-index:0}.flat .dijitTab:before{display:block;position:absolute}.flat .dijitTabContainerTabListNested .dijitTabChecked.dijitTabActive:before,.flat .dijitTabContainerTabListNested .dijitTabChecked.dijitTabHover:before,.flat .dijitTabContainerTabListNested .dijitTabChecked:before,.flat .dijitToggleButton .dijitCheckBoxIcon{display:none}.flat .dijitTabHover{background-color:#f2f2f2}.flat .dijitTabActive{background-color:#e6e6e6}.flat .dijitTabChecked{border:1px solid #9e9e9e;z-index:1}.flat .dijitTabChecked.dijitTabActive,.flat .dijitTabChecked.dijitTabHover{border:1px solid #9e9e9e;background-color:#fff;color:#424242}.flat .dijitTabDisabled{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.flat .dijitTabCloseButton{line-height:1;font-size:1em;vertical-align:middle;margin-left:4px;opacity:.35;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";filter:alpha(opacity=35)}.flat .dijitArrowButton,.flat .dijitDropDownButton .dijitArrowButtonInner,.flat .dijitTabStripIcon{font-family:flat-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flat .dijitTabCloseButton:before{content:"\f00e"}.flat .dijitTabCloseButtonHover{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}.flat .dijitTabCloseButtonActive{opacity:1;-ms-filter:none;filter:none}.flat .dijitTabContainerTop-tabs .dijitTab{margin-right:0;padding:6px 16px;border-bottom-color:#9e9e9e;border-left:none;border-right:none}.flat .dijitTabContainerTop-tabs .dijitTabChecked{border-bottom:1px solid #fff;border-left:1px solid #9e9e9e;border-right:1px solid #9e9e9e}.flat .dijitTabContainerTop-tabs .dijitTabChecked:before{height:3px;background:#2196f3;top:-1px;left:-1px;right:-1px}.flat .dijitTabListContainer-bottom .dijitTab,.flat .dijitTabListContainer-top .dijitTab{top:0}.flat .dijitTabListContainer-top{margin-top:1px}.flat .dijitTabPaneWrapper.dijitTabContainerBottom-container{-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.flat .dijitTabContainerBottom-tabs .dijitTab{margin-right:0;padding:6px 16px;border-top-color:#9e9e9e;border-left:none;border-right:none}.flat .dijitTabContainerBottom-tabs .dijitTabChecked{border-top:1px solid #fff;border-left:1px solid #9e9e9e;border-right:1px solid #9e9e9e}.flat .dijitTabContainerBottom-tabs .dijitTabChecked:before{height:3px;background:#2196f3;bottom:-1px;left:-1px;right:-1px}.flat .dijitTabListContainer-bottom{margin-top:-1px}.flat .dijitTabPaneWrapper.dijitTabContainerLeft-container{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.flat .dijitTabContainerLeft-tabs .dijitTab{margin-bottom:0;padding:8px 12px;border-right-color:#9e9e9e;border-top:none;border-bottom:none}.flat .dijitTabContainerLeft-tabs .dijitTabChecked{border-right:1px solid #fff;border-top:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e}.flat .dijitTabContainerLeft-tabs .dijitTabChecked:before{width:3px;background:#2196f3;bottom:-1px;left:-1px;top:-1px}.flat .dijitTabPaneWrapper.dijitTabContainerRight-container{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.flat .dijitTabContainerRight-tabs .dijitTab{margin-bottom:0;padding:8px 12px;border-left-color:#9e9e9e;border-top:none;border-bottom:none}.flat .dijitTabContainerRight-tabs .dijitTabChecked{border-left:1px solid #fff;border-top:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e}.flat .dijitTabContainerRight-tabs .dijitTabChecked:before{width:3px;background:#2196f3;bottom:-1px;right:-1px;top:-1px}.flat .tabStripButton{background-color:#fff;border:1px solid transparent;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;-ms-transition-property:background-color;transition-property:background-color}.flat .dijitTabListContainer-bottom .tabStripButton,.flat .dijitTabListContainer-top .tabStripButton{padding:4px 8px;margin-left:0;margin-right:0}.flat .dijitTabListContainer-top .tabStripButton{margin-bottom:1px}.flat .dijitTabListContainer-bottom .tabStripButton{margin-top:1px}.flat .tabStripButtonHover{background-color:#f2f2f2}.flat .tabStripButtonActive{background-color:#e6e6e6}.flat .dijitTabStripIcon{line-height:1;color:#2196f3;vertical-align:middle}.flat .dijitTabStripIcon:before{content:"\f004"}.flat .dijitTabStripSlideRightIcon:before{content:"\f005"}.flat .dijitTabStripMenuIcon:before{content:"\f006"}.flat .dijitTabListContainer-bottom .tabStripButtonDisabled,.flat .dijitTabListContainer-top .tabStripButtonDisabled{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.flat .dijitTabContainerNested .dijitTabListWrapper{height:auto}.flat .dijitTabContainerTabListNested .dijitTab{color:#2196f3;margin:4px;padding:4px 8px;border:1px solid transparent;-webkit-border-radius:3px;border-radius:3px;-webkit-transition-property:background-color,border-color;-moz-transition-property:background-color,border-color;-o-transition-property:background-color,border-color;-ms-transition-property:background-color,border-color;transition-property:background-color,border-color;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s}.flat .dijitTabContainerTabListNested .dijitTabHover{background-color:#f2f2f2}.flat .dijitTabContainerTabListNested .dijitTabActive{color:#2196f3;background-color:#e6e6e6}.flat .dijitTabContainerTabListNested .dijitTabChecked,.flat .dijitTabContainerTabListNested .dijitTabChecked.dijitTabActive,.flat .dijitTabContainerTabListNested .dijitTabChecked.dijitTabHover{color:#fff;background-color:#2196f3}.flat .dijitTabContainerTabListNested.dijitTabContainerBottom-tabs .dijitTab,.flat .dijitTabContainerTabListNested.dijitTabContainerTop-tabs .dijitTab{margin-right:4px}.flat .dijitTabContainerTabListNested.dijitTabContainerLeft-tabs .dijitTab,.flat .dijitTabContainerTabListNested.dijitTabContainerRight-tabs .dijitTab{margin-bottom:4px}.flat .dijitTabPaneWrapperNested{border:none;-webkit-box-shadow:none;box-shadow:none}.flat .dijitButtonText{padding:0 4px;text-align:center}.flat .dijitButton .dijitButtonNode,.flat .dijitComboButton .dijitButtonNode,.flat .dijitDropDownButton .dijitButtonNode,.flat .dijitToggleButton .dijitButtonNode{border-style:solid;border-width:1px;border-color:#9e9e9e;padding:4px;-webkit-border-radius:3px;border-radius:3px;line-height:20px;cursor:pointer;-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;-ms-transition:all 50ms linear;transition:all 50ms linear;background:#fff}.flat .dijitButton.alt-primary .dijitButtonNode,.flat .dijitComboBox.alt-primary .dijitButtonNode,.flat .dijitComboButton.alt-primary .dijitButtonNode,.flat .dijitDropDownButton.alt-primary .dijitButtonNode,.flat .dijitSelect.alt-primary .dijitButtonContents,.flat .dijitSelect.alt-primary .dijitButtonNode,.flat .dijitSpinner.alt-primary .dijitArrowButton,.flat .dijitToggleButton.alt-primary .dijitButtonNode{background:#1e88e5;color:#fff;border-color:#166fbd}.flat .dijitComboButton.alt-primary .dijitStretch{border-right-color:#166fbd}.flat .dijitComboButtonRtl.alt-primary .dijitStretch{border-left-color:#166fbd}.flat .dijitButton.alt-success .dijitButtonNode,.flat .dijitComboBox.alt-success .dijitButtonNode,.flat .dijitComboButton.alt-success .dijitButtonNode,.flat .dijitDropDownButton.alt-success .dijitButtonNode,.flat .dijitSelect.alt-success .dijitButtonContents,.flat .dijitSelect.alt-success .dijitButtonNode,.flat .dijitSpinner.alt-success .dijitArrowButton,.flat .dijitToggleButton.alt-success .dijitButtonNode{background:#43a047;color:#fff;border-color:#37823a}.flat .dijitComboButton.alt-success .dijitStretch{border-right-color:#37823a}.flat .dijitComboButtonRtl.alt-success .dijitStretch{border-left-color:#37823a}.flat .dijitButton.alt-info .dijitButtonNode,.flat .dijitComboBox.alt-info .dijitButtonNode,.flat .dijitComboButton.alt-info .dijitButtonNode,.flat .dijitDropDownButton.alt-info .dijitButtonNode,.flat .dijitSelect.alt-info .dijitButtonContents,.flat .dijitSelect.alt-info .dijitButtonNode,.flat .dijitSpinner.alt-info .dijitArrowButton,.flat .dijitToggleButton.alt-info .dijitButtonNode{background:#03a9f4;color:#fff;border-color:#028ac7}.flat .dijitComboButton.alt-info .dijitStretch{border-right-color:#028ac7}.flat .dijitComboButtonRtl.alt-info .dijitStretch{border-left-color:#028ac7}.flat .dijitButton.alt-warning .dijitButtonNode,.flat .dijitComboBox.alt-warning .dijitButtonNode,.flat .dijitComboButton.alt-warning .dijitButtonNode,.flat .dijitDropDownButton.alt-warning .dijitButtonNode,.flat .dijitSelect.alt-warning .dijitButtonContents,.flat .dijitSelect.alt-warning .dijitButtonNode,.flat .dijitSpinner.alt-warning .dijitArrowButton,.flat .dijitToggleButton.alt-warning .dijitButtonNode{background:#fb8c00;color:#fff;border-color:#cd7200}.flat .dijitComboButton.alt-warning .dijitStretch{border-right-color:#cd7200}.flat .dijitComboButtonRtl.alt-warning .dijitStretch{border-left-color:#cd7200}.flat .dijitButton.alt-danger .dijitButtonNode,.flat .dijitComboBox.alt-danger .dijitButtonNode,.flat .dijitComboButton.alt-danger .dijitButtonNode,.flat .dijitDropDownButton.alt-danger .dijitButtonNode,.flat .dijitSelect.alt-danger .dijitButtonContents,.flat .dijitSelect.alt-danger .dijitButtonNode,.flat .dijitSpinner.alt-danger .dijitArrowButton,.flat .dijitToggleButton.alt-danger .dijitButtonNode{background:#e53935;color:#fff;border-color:#cc1e1a}.flat .dijitComboButton.alt-danger .dijitStretch{border-right-color:#cc1e1a}.flat .dijitComboButtonRtl.alt-danger .dijitStretch{border-left-color:#cc1e1a}.flat .dijitButton.alt-inverse .dijitButtonNode,.flat .dijitComboBox.alt-inverse .dijitButtonNode,.flat .dijitComboButton.alt-inverse .dijitButtonNode,.flat .dijitDropDownButton.alt-inverse .dijitButtonNode,.flat .dijitSelect.alt-inverse .dijitButtonContents,.flat .dijitSelect.alt-inverse .dijitButtonNode,.flat .dijitSpinner.alt-inverse .dijitArrowButton,.flat .dijitToggleButton.alt-inverse .dijitButtonNode{background:#616161;color:#fff;border-color:#4f4f4f}.flat .dijitComboButton.alt-inverse .dijitStretch{border-right-color:#4f4f4f}.flat .dijitComboBoxRtlDisabled.alt-primary .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-primary .dijitStretch,.flat .dijitDateTextBoxRtlDisabled.alt-primary .dijitButtonNode,.flat .dijitTimeTextBoxRtlDisabled.alt-primary .dijitButtonNode{border-right-color:#50a2eb}.flat .dijitComboButtonRtl.alt-inverse .dijitStretch{border-left-color:#4f4f4f}.flat .dijitComboBoxDisabled.alt-primary .dijitButtonNode,.flat .dijitComboButtonRtlDisabled.alt-primary .dijitStretch,.flat .dijitDateTextBoxDisabled.alt-primary .dijitButtonNode,.flat .dijitTimeTextBoxDisabled.alt-primary .dijitButtonNode{border-left-color:#50a2eb}.flat .dijitButtonHover .dijitButtonNode,.flat .dijitComboButton .dijitButtonNodeHover,.flat .dijitComboButton .dijitDownArrowButtonHover,.flat .dijitDropDownButtonHover .dijitButtonNode,.flat .dijitToggleButtonHover .dijitButtonNode{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;transition:all .1s;background:#f2f2f2;border-color:#d9d9d9}.flat .dijitButtonHover.alt-primary .dijitButtonNode,.flat .dijitComboBoxHover.alt-primary .dijitButtonNode,.flat .dijitComboButton.alt-primary .dijitButtonNodeHover,.flat .dijitComboButton.alt-primary .dijitDownArrowButtonHover,.flat .dijitDropDownButtonHover.alt-primary .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-primary .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-primary .dijitButtonContents,.flat .dijitSelectHover.alt-primary .dijitButtonContents,.flat .dijitSelectHover.alt-primary .dijitButtonNode,.flat .dijitSpinner.alt-primary .dijitDownArrowButtonHover,.flat .dijitSpinner.alt-primary .dijitUpArrowButtonHover,.flat .dijitToggleButtonHover.alt-primary .dijitButtonNode{background:#1981dd;border-color:#1774c5}.flat .dijitButtonHover.alt-success .dijitButtonNode,.flat .dijitComboBoxHover.alt-success .dijitButtonNode,.flat .dijitComboButton.alt-success .dijitButtonNodeHover,.flat .dijitComboButton.alt-success .dijitDownArrowButtonHover,.flat .dijitDropDownButtonHover.alt-success .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-success .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-success .dijitButtonContents,.flat .dijitSelectHover.alt-success .dijitButtonContents,.flat .dijitSelectHover.alt-success .dijitButtonNode,.flat .dijitSpinner.alt-success .dijitDownArrowButtonHover,.flat .dijitSpinner.alt-success .dijitUpArrowButtonHover,.flat .dijitToggleButtonHover.alt-success .dijitButtonNode{background:#409843;border-color:#39883c}.flat .dijitButtonHover.alt-info .dijitButtonNode,.flat .dijitComboBoxHover.alt-info .dijitButtonNode,.flat .dijitComboButton.alt-info .dijitButtonNodeHover,.flat .dijitComboButton.alt-info .dijitDownArrowButtonHover,.flat .dijitDropDownButtonHover.alt-info .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-info .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-info .dijitButtonContents,.flat .dijitSelectHover.alt-info .dijitButtonContents,.flat .dijitSelectHover.alt-info .dijitButtonNode,.flat .dijitSpinner.alt-info .dijitDownArrowButtonHover,.flat .dijitSpinner.alt-info .dijitUpArrowButtonHover,.flat .dijitToggleButtonHover.alt-info .dijitButtonNode{background:#03a1e8;border-color:#0390cf}.flat .dijitButtonHover.alt-warning .dijitButtonNode,.flat .dijitComboBoxHover.alt-warning .dijitButtonNode,.flat .dijitComboButton.alt-warning .dijitButtonNodeHover,.flat .dijitComboButton.alt-warning .dijitDownArrowButtonHover,.flat .dijitDropDownButtonHover.alt-warning .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-warning .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-warning .dijitButtonContents,.flat .dijitSelectHover.alt-warning .dijitButtonContents,.flat .dijitSelectHover.alt-warning .dijitButtonNode,.flat .dijitSpinner.alt-warning .dijitDownArrowButtonHover,.flat .dijitSpinner.alt-warning .dijitUpArrowButtonHover,.flat .dijitToggleButtonHover.alt-warning .dijitButtonNode{background:#ee8500;border-color:#d57700}.flat .dijitButtonHover.alt-danger .dijitButtonNode,.flat .dijitComboBoxHover.alt-danger .dijitButtonNode,.flat .dijitComboButton.alt-danger .dijitButtonNodeHover,.flat .dijitComboButton.alt-danger .dijitDownArrowButtonHover,.flat .dijitDropDownButtonHover.alt-danger .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-danger .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-danger .dijitButtonContents,.flat .dijitSelectHover.alt-danger .dijitButtonContents,.flat .dijitSelectHover.alt-danger .dijitButtonNode,.flat .dijitSpinner.alt-danger .dijitDownArrowButtonHover,.flat .dijitSpinner.alt-danger .dijitUpArrowButtonHover,.flat .dijitToggleButtonHover.alt-danger .dijitButtonNode{background:#e32d29;border-color:#d4201b}.flat .dijitButtonHover.alt-inverse .dijitButtonNode,.flat .dijitComboBoxHover.alt-inverse .dijitButtonNode,.flat .dijitComboButton.alt-inverse .dijitButtonNodeHover,.flat .dijitComboButton.alt-inverse .dijitDownArrowButtonHover,.flat .dijitDropDownButtonHover.alt-inverse .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-inverse .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-inverse .dijitButtonContents,.flat .dijitSelectHover.alt-inverse .dijitButtonContents,.flat .dijitSelectHover.alt-inverse .dijitButtonNode,.flat .dijitSpinner.alt-inverse .dijitDownArrowButtonHover,.flat .dijitSpinner.alt-inverse .dijitUpArrowButtonHover,.flat .dijitToggleButtonHover.alt-inverse .dijitButtonNode{background:#5c5c5c;border-color:#525252}.flat .dijitButtonActive .dijitButtonNode,.flat .dijitComboButton .dijitButtonNodeActive,.flat .dijitComboButton .dijitDownArrowButtonActive,.flat .dijitDropDownButtonActive .dijitButtonNode,.flat .dijitToggleButtonActive .dijitButtonNode,.flat .dijitToggleButtonChecked .dijitButtonNode{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.05);box-shadow:inset 0 3px 5px rgba(0,0,0,.05);background:#e0e0e0;border-color:#b3b3b3}.flat .dijitButtonActive.alt-primary .dijitButtonNode,.flat .dijitComboBox.alt-primary .dijitButtonNode.dijitHasDropDownOpen,.flat .dijitComboBoxActive.alt-primary .dijitButtonNode,.flat .dijitComboButton.alt-primary .dijitButtonNodeActive,.flat .dijitDropDownButtonActive.alt-primary .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-primary .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-primary .dijitButtonContents,.flat .dijitSelectActive.alt-primary .dijitArrowButton,.flat .dijitSelectActive.alt-primary .dijitButtonContents,.flat .dijitSpinner.alt-primary .dijitDownArrowButtonActive,.flat .dijitSpinner.alt-primary .dijitUpArrowButtonActive,.flat .dijitToggleButtonActive.alt-primary .dijitButtonNode{background:#1878cc;border-color:#135fa3}.flat .dijitButtonActive.alt-success .dijitButtonNode,.flat .dijitComboBox.alt-success .dijitButtonNode.dijitHasDropDownOpen,.flat .dijitComboBoxActive.alt-success .dijitButtonNode,.flat .dijitComboButton.alt-success .dijitButtonNodeActive,.flat .dijitDropDownButtonActive.alt-success .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-success .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-success .dijitButtonContents,.flat .dijitSelectActive.alt-success .dijitArrowButton,.flat .dijitSelectActive.alt-success .dijitButtonContents,.flat .dijitSpinner.alt-success .dijitDownArrowButtonActive,.flat .dijitSpinner.alt-success .dijitUpArrowButtonActive,.flat .dijitToggleButtonActive.alt-success .dijitButtonNode{background:#3b8d3e;border-color:#2f7032}.flat .dijitButtonActive.alt-info .dijitButtonNode,.flat .dijitComboBox.alt-info .dijitButtonNode.dijitHasDropDownOpen,.flat .dijitComboBoxActive.alt-info .dijitButtonNode,.flat .dijitComboButton.alt-info .dijitButtonNodeActive,.flat .dijitDropDownButtonActive.alt-info .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-info .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-info .dijitButtonContents,.flat .dijitSelectActive.alt-info .dijitArrowButton,.flat .dijitSelectActive.alt-info .dijitButtonContents,.flat .dijitSpinner.alt-info .dijitDownArrowButtonActive,.flat .dijitSpinner.alt-info .dijitUpArrowButtonActive,.flat .dijitToggleButtonActive.alt-info .dijitButtonNode{background:#0395d7;border-color:#0276ab}.flat .dijitButtonActive.alt-warning .dijitButtonNode,.flat .dijitComboBox.alt-warning .dijitButtonNode.dijitHasDropDownOpen,.flat .dijitComboBoxActive.alt-warning .dijitButtonNode,.flat .dijitComboButton.alt-warning .dijitButtonNodeActive,.flat .dijitDropDownButtonActive.alt-warning .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-warning .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-warning .dijitButtonContents,.flat .dijitSelectActive.alt-warning .dijitArrowButton,.flat .dijitSelectActive.alt-warning .dijitButtonContents,.flat .dijitSpinner.alt-warning .dijitDownArrowButtonActive,.flat .dijitSpinner.alt-warning .dijitUpArrowButtonActive,.flat .dijitToggleButtonActive.alt-warning .dijitButtonNode{background:#dd7b00;border-color:#b06200}.flat .dijitButtonActive.alt-danger .dijitButtonNode,.flat .dijitComboBox.alt-danger .dijitButtonNode.dijitHasDropDownOpen,.flat .dijitComboBoxActive.alt-danger .dijitButtonNode,.flat .dijitComboButton.alt-danger .dijitButtonNodeActive,.flat .dijitDropDownButtonActive.alt-danger .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-danger .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-danger .dijitButtonContents,.flat .dijitSelectActive.alt-danger .dijitArrowButton,.flat .dijitSelectActive.alt-danger .dijitButtonContents,.flat .dijitSpinner.alt-danger .dijitDownArrowButtonActive,.flat .dijitSpinner.alt-danger .dijitUpArrowButtonActive,.flat .dijitToggleButtonActive.alt-danger .dijitButtonNode{background:#dc211c;border-color:#af1a17}.flat .dijitButtonActive.alt-inverse .dijitButtonNode,.flat .dijitComboBox.alt-inverse .dijitButtonNode.dijitHasDropDownOpen,.flat .dijitComboBoxActive.alt-inverse .dijitButtonNode,.flat .dijitComboButton.alt-inverse .dijitButtonNodeActive,.flat .dijitDropDownButtonActive.alt-inverse .dijitButtonNode,.flat .dijitSelect.dijitSelectOpened.alt-inverse .dijitArrowButton,.flat .dijitSelect.dijitSelectOpened.alt-inverse .dijitButtonContents,.flat .dijitSelectActive.alt-inverse .dijitArrowButton,.flat .dijitSelectActive.alt-inverse .dijitButtonContents,.flat .dijitSpinner.alt-inverse .dijitDownArrowButtonActive,.flat .dijitSpinner.alt-inverse .dijitUpArrowButtonActive,.flat .dijitToggleButtonActive.alt-inverse .dijitButtonNode{background:#555;border-color:#444}.flat .dijitButtonDisabled,.flat .dijitComboButtonDisabled,.flat .dijitDropDownButtonDisabled,.flat .dijitToggleButtonDisabled{outline:0}.flat .dijitButtonDisabled .dijitButtonNode,.flat .dijitComboButtonDisabled .dijitButtonNode,.flat .dijitDropDownButtonDisabled .dijitButtonNode,.flat .dijitToggleButtonDisabled .dijitButtonNode{cursor:default;color:#9e9e9e;background-color:#f5f5f5;border-color:#e3e3e3}.flat .dijitButtonDisabled.alt-primary .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-primary .dijitButtonNode,.flat .dijitDropDownButtonDisabled.alt-primary .dijitButtonNode,.flat .dijitToggleButtonDisabled.alt-primary .dijitButtonNode{background:#6db2ee;border-color:#50a2eb;color:#f2f2f2}.flat .dijitComboBoxDisabled.alt-success .dijitButtonNode,.flat .dijitComboButtonRtlDisabled.alt-success .dijitStretch,.flat .dijitDateTextBoxDisabled.alt-success .dijitButtonNode,.flat .dijitTimeTextBoxDisabled.alt-success .dijitButtonNode{border-left-color:#63be67}.flat .dijitComboBoxRtlDisabled.alt-success .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-success .dijitStretch,.flat .dijitDateTextBoxRtlDisabled.alt-success .dijitButtonNode,.flat .dijitTimeTextBoxRtlDisabled.alt-success .dijitButtonNode{border-right-color:#63be67}.flat .dijitButtonDisabled.alt-success .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-success .dijitButtonNode,.flat .dijitDropDownButtonDisabled.alt-success .dijitButtonNode,.flat .dijitToggleButtonDisabled.alt-success .dijitButtonNode{background:#7dc981;border-color:#63be67;color:#f2f2f2}.flat .dijitComboBoxDisabled.alt-info .dijitButtonNode,.flat .dijitComboButtonRtlDisabled.alt-info .dijitStretch,.flat .dijitDateTextBoxDisabled.alt-info .dijitButtonNode,.flat .dijitTimeTextBoxDisabled.alt-info .dijitButtonNode{border-left-color:#34befd}.flat .dijitComboBoxRtlDisabled.alt-info .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-info .dijitStretch,.flat .dijitDateTextBoxRtlDisabled.alt-info .dijitButtonNode,.flat .dijitTimeTextBoxRtlDisabled.alt-info .dijitButtonNode{border-right-color:#34befd}.flat .dijitButtonDisabled.alt-info .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-info .dijitButtonNode,.flat .dijitDropDownButtonDisabled.alt-info .dijitButtonNode,.flat .dijitToggleButtonDisabled.alt-info .dijitButtonNode{background:#56c9fd;border-color:#34befd;color:#f2f2f2}.flat .dijitComboBoxDisabled.alt-warning .dijitButtonNode,.flat .dijitComboButtonRtlDisabled.alt-warning .dijitStretch,.flat .dijitDateTextBoxDisabled.alt-warning .dijitButtonNode,.flat .dijitTimeTextBoxDisabled.alt-warning .dijitButtonNode{border-left-color:#ffa635}.flat .dijitComboBoxRtlDisabled.alt-warning .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-warning .dijitStretch,.flat .dijitDateTextBoxRtlDisabled.alt-warning .dijitButtonNode,.flat .dijitTimeTextBoxRtlDisabled.alt-warning .dijitButtonNode{border-right-color:#ffa635}.flat .dijitButtonDisabled.alt-warning .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-warning .dijitButtonNode,.flat .dijitDropDownButtonDisabled.alt-warning .dijitButtonNode,.flat .dijitToggleButtonDisabled.alt-warning .dijitButtonNode{background:#ffb557;border-color:#ffa635;color:#f2f2f2}.flat .dijitComboBoxDisabled.alt-danger .dijitButtonNode,.flat .dijitComboButtonRtlDisabled.alt-danger .dijitStretch,.flat .dijitDateTextBoxDisabled.alt-danger .dijitButtonNode,.flat .dijitTimeTextBoxDisabled.alt-danger .dijitButtonNode{border-left-color:#eb6561}.flat .dijitComboBoxRtlDisabled.alt-danger .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-danger .dijitStretch,.flat .dijitDateTextBoxRtlDisabled.alt-danger .dijitButtonNode,.flat .dijitTimeTextBoxRtlDisabled.alt-danger .dijitButtonNode{border-right-color:#eb6561}.flat .dijitButtonDisabled.alt-danger .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-danger .dijitButtonNode,.flat .dijitDropDownButtonDisabled.alt-danger .dijitButtonNode,.flat .dijitToggleButtonDisabled.alt-danger .dijitButtonNode{background:#ee7e7c;border-color:#eb6561;color:#f2f2f2}.flat .dijitComboBoxDisabled.alt-inverse .dijitButtonNode,.flat .dijitComboButtonRtlDisabled.alt-inverse .dijitStretch,.flat .dijitDateTextBoxDisabled.alt-inverse .dijitButtonNode,.flat .dijitTimeTextBoxDisabled.alt-inverse .dijitButtonNode{border-left-color:#848484}.flat .dijitComboBoxRtlDisabled.alt-inverse .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-inverse .dijitStretch,.flat .dijitDateTextBoxRtlDisabled.alt-inverse .dijitButtonNode,.flat .dijitTimeTextBoxRtlDisabled.alt-inverse .dijitButtonNode{border-right-color:#848484}.flat .dijitButtonDisabled.alt-inverse .dijitButtonNode,.flat .dijitComboButtonDisabled.alt-inverse .dijitButtonNode,.flat .dijitDropDownButtonDisabled.alt-inverse .dijitButtonNode,.flat .dijitToggleButtonDisabled.alt-inverse .dijitButtonNode{background:#989898;border-color:#848484;color:#f2f2f2}.flat .dijitComboButtonDisabled .dijitArrowButton{border-left-width:0}.flat .dijitDropDownButton .dijitButtonNode{padding-right:8px}.flat table.dijitComboButton .dijitStretch{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.flat table.dijitComboButton .dijitArrowButton{padding:4px;width:20px;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;border-left-width:0}.flat .dijitCheckBox,.flat .dijitCheckedMenuItem .dijitCheckedMenuItemIcon{border:1px solid #9e9e9e;width:16px;text-align:center;overflow:visible;height:16px}.flat .dijitToggleButtonChecked .dijitIcon{display:inline-block}.flat .dijitDropDownButton .dijitArrowButtonInner{margin-left:3px}.flat .dijitArrowButton,.flat .dijitDropDownButton .dijitArrowButtonInner{line-height:1}.flat .dijitArrowButton:before,.flat .dijitDropDownButton .dijitArrowButtonInner:before{content:"\f002"}.flat .dijitLeftArrowButton:before{content:"\f000"}.flat .dijitRightArrowButton:before{content:"\f001"}.flat .dijitUpArrowButton:before{content:"\f003"}.flat .dijitCheckBoxChecked:before,.flat .dijitCheckBoxCheckedDisabled:before,.flat .dijitCheckBoxIcon:before,.flat .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon:before{line-height:1;font-size:16px;content:"\f00c";speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:flat-icon}.flat .dijitCheckBox{background-color:#fff;line-height:1;padding:0;-webkit-border-radius:2px;border-radius:2px;position:relative;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}.flat .dijitCheckBox input{position:absolute;top:0}.flat .dijitCheckBoxChecked:before,.flat .dijitCheckBoxCheckedDisabled:before,.flat .dijitCheckBoxIcon:before{color:#fff}.flat .dijitCheckBoxIcon{padding:0}.flat .dijitCheckBoxIcon:before{color:#2196f3}.flat .alt-danger .dijitCheckBoxIcon:before,.flat .alt-info .dijitCheckBoxIcon:before,.flat .alt-inverse .dijitCheckBoxIcon:before,.flat .alt-primary .dijitCheckBoxIcon:before,.flat .alt-success .dijitCheckBoxIcon:before,.flat .alt-warning .dijitCheckBoxIcon:before{color:#fff}.flat .dijitCheckBoxChecked{background-color:#2196f3;border-color:#2196f3}.flat .dijitCheckBoxHover{background-color:#fff;border:1px solid #2196f3}.flat .dijitCheckBoxCheckedHover{background-color:#42a6f5;border:1px solid #2196f3}.flat .dijitCheckBoxDisabled{color:#9e9e9e;background-color:#f5f5f5;border-color:#e3e3e3}.flat .dijitCheckBoxCheckedDisabled{color:#a6a6a6;background-color:#6fbbf7;border-color:#6fbbf7}.flat .dijitCheckedMenuItem .dijitCheckedMenuItemIcon{background-color:#fff;line-height:1;padding:0;-webkit-border-radius:2px;border-radius:2px;position:relative;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}.dijitMenuItemRtl,.dj_ie .dijitSliderRtl .dijitRuleContainerV,div.dijitNumberTextBoxRtl{text-align:right}.flat .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon:before{color:#2196f3}.flat .dijitSpinner .dijitSpinnerButtonContainer{overflow:hidden;position:relative;width:auto;padding:0;border:1px solid #9e9e9e}.flat .dijitSpinner .dijitSpinnerButtonInner{width:30px;padding:4px 0!important;margin:0}.flat .dijitSpinner .dijitArrowButton{line-height:20px;cursor:pointer;-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;-ms-transition:all 50ms linear;transition:all 50ms linear;background:#fff;-webkit-border-radius:0;border-radius:0;border:0;width:auto;overflow:hidden;left:0;right:0;padding:0}.flat .dijitSpinner .dijitArrowButton:before{content:none}.flat .dijitSpinner .dijitUpArrowButton{border-top-right-radius:2px}.flat .dijitSpinner .dijitDownArrowButton{border-bottom-right-radius:2px}.flat .dijitSpinner .dijitDownArrowButtonHover,.flat .dijitSpinner .dijitUpArrowButtonHover{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;transition:all .1s;background:#f2f2f2;border-color:#d9d9d9}.flat .dijitSpinner .dijitDownArrowButtonActive,.flat .dijitSpinner .dijitUpArrowButtonActive{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.05);box-shadow:inset 0 3px 5px rgba(0,0,0,.05);background:#e0e0e0;border-color:#b3b3b3}.flat .dijitSpinner .dijitArrowButtonInner{line-height:16px;display:block}.flat .dijitSpinner .dijitArrowButtonInner .dijitInputField{padding:0}.flat .dijitSpinner .dijitArrowButtonInner:before{content:"\f003"}.flat .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner:before{content:"\f002"}.flat .dijitSpinnerDisabled .dijitDownArrowButton,.flat .dijitSpinnerDisabled .dijitUpArrowButton{cursor:default;color:#9e9e9e;background-color:#f5f5f5;border-color:#e3e3e3}.flat .alt-primary .dijitSpinnerButtonContainer{border-color:#1e88e5}.flat .alt-success .dijitSpinnerButtonContainer{border-color:#43a047}.flat .alt-info .dijitSpinnerButtonContainer{border-color:#03a9f4}.flat .alt-warning .dijitSpinnerButtonContainer{border-color:#fb8c00}.flat .alt-danger .dijitSpinnerButtonContainer{border-color:#e53935}.flat .alt-inverse .dijitSpinnerButtonContainer{border-color:#616161}.flat .dijitRadio,.flat .dijitRadioIcon{width:16px;height:16px;background:#fff;border:1px solid #2196f3;-webkit-border-radius:50%;border-radius:50%;position:relative;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.flat .dijitRadio:after,.flat .dijitRadioIcon:after{content:" ";display:block;width:0;height:0;background-color:#2196f3;-webkit-border-radius:50%;border-radius:50%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);margin:8px;position:absolute;top:0;left:0;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.flat .alt-danger .dijitRadioIcon:after,.flat .alt-info .dijitRadioIcon:after,.flat .alt-inverse .dijitRadioIcon:after,.flat .alt-primary .dijitRadioIcon:after,.flat .alt-success .dijitRadioIcon:after,.flat .alt-warning .dijitRadioIcon:after{background-color:#fff}.flat .dijitRadioHover{border-color:#59b0f6}.flat .alt-danger .dijitRadioIcon,.flat .alt-info .dijitRadioIcon,.flat .alt-inverse .dijitRadioIcon,.flat .alt-primary .dijitRadioIcon,.flat .alt-success .dijitRadioIcon,.flat .alt-warning .dijitRadioIcon{border-color:#fff}.flat .dijitChecked .dijitRadioIcon:after,.flat .dijitRadioChecked:after{width:8px;height:8px;margin:3px;opacity:1;-ms-filter:none;filter:none}.flat .dijitRadioDisabled{background-color:#f5f5f5;border-color:#e3e3e3}.flat .dijitRadioCheckedDisabled{background-color:#f5f5f5;border-color:#6fbbf7}.flat .dijitRadioCheckedDisabled:after{background-color:#6fbbf7}.flat .dijitRadioMenuItem .dijitCheckedMenuItemIcon{width:16px;height:16px;background:#fff;border:1px solid #9e9e9e;-webkit-border-radius:50%;border-radius:50%;position:relative;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.flat .dijitRadioMenuItemChecked .dijitCheckedMenuItemIcon,.flat .dijitSelect{border-color:#9e9e9e}.flat .dijitRadioMenuItem .dijitCheckedMenuItemIcon:after{content:" ";display:block;width:0;height:0;background-color:#2196f3;-webkit-border-radius:50%;border-radius:50%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);margin:8px;position:absolute;top:0;left:0;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.flat .dijitRadioMenuItemChecked .dijitCheckedMenuItemIcon:after{width:8px;height:8px;margin:3px;opacity:1;-ms-filter:none;filter:none}.flat .dijitComboBox .dijitArrowButtonInner,.flat .dijitSelect .dijitArrowButtonInner{margin:0;width:0;height:0}.flat .dijitComboBox .dijitArrowButton,.flat .dijitSelect .dijitArrowButton{width:20px;padding:4px}.flat .dijitSelect{border-style:solid;border-width:1px;padding:4px;-webkit-border-radius:3px;border-radius:3px;line-height:20px;cursor:pointer;-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;-ms-transition:all 50ms linear;transition:all 50ms linear;background:#fff;table-layout:fixed}.flat .dijitSelect .dijitArrowButton,.flat .dijitSelect .dijitButtonContents{line-height:20px;padding:4px 12px;border:0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.flat .dijitSelect .dijitButtonContents{padding:0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}.flat .dijitSelect .dijitInputField{padding:0 0 0 12px}.flat .dijitSelectHover{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;transition:all .1s;background:#f2f2f2;border-color:#d9d9d9}.flat .dijitSelectActive{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.05);box-shadow:inset 0 3px 5px rgba(0,0,0,.05);background:#e0e0e0;border-color:#b3b3b3}.flat .dijitSelectFocused{border:1px solid #9e9e9e}.flat .dijitSelectDisabled{cursor:default;color:#9e9e9e;background-color:#f5f5f5;border-color:#e3e3e3}.flat .dijitComboBox .dijitButtonNode{border-style:solid;border-width:1px;border-color:#9e9e9e;padding:4px;line-height:20px;cursor:pointer;-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;-ms-transition:all 50ms linear;transition:all 50ms linear;background:#fff;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.flat .dijitComboBox .dijitDownArrowButtonHover,.flat .dijitComboBoxOpenHover .dijitButtonNode{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;transition:all .1s;background:#f2f2f2;border-color:#d9d9d9;-webkit-box-shadow:none;box-shadow:none}.flat .dijitComboBoxDisabled .dijitButtonNode{cursor:default;color:#9e9e9e;background-color:#f5f5f5;border-color:#e3e3e3}.flat .dijitToolbar .dijitComboBox .dijitArrowButtonInner{border:none}.flat .dijitDateTextBox .dijitArrowButton:before{content:"\f01e"}.flat .dijitTimeTextBox .dijitArrowButton:before{content:"\f01f"}.flat select{padding:4px 0;border:1px solid #9e9e9e;-webkit-box-shadow:0 1px .5px rgba(0,0,0,.3),0 2px 2px rgba(0,0,0,.2);box-shadow:0 1px .5px rgba(0,0,0,.3),0 2px 2px rgba(0,0,0,.2)}.flat select option{padding:4px 8px}.flat .dijitRuleLabelsContainerH,.flat .dijitRuleLabelsContainerV{padding:0}.flat .dijitSelectMenu td.dijitMenuArrowCell,.flat .dijitSelectMenu td.dijitMenuItemIconCell{display:none}.flat .dijitSliderBar{border-style:solid;outline:1px}.flat .dijitRuleLabelsContainer{color:#424242;font-size:smaller}.flat .dijitSliderDisabled{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.flat .dijitSliderBarH,.flat .dijitSliderBumperH{height:3px}.flat .dijitSlider .dijitSliderLeftBumper{-webkit-border-radius:1.5px 0 0 1.5px;border-radius:1.5px 0 0 1.5px;margin-left:4px}.flat .dijitSlider .dijitSliderRightBumper{-webkit-border-radius:0 1.5px 1.5px 0;border-radius:0 1.5px 1.5px 0;margin-left:-2px;margin-right:4px}.flat .dijitSlider .dijitSliderLeftBumper,.flat .dijitSlider .dijitSliderProgressBarH{border:0;background-color:#2196f3;background-image:none}.flat .dijitSlider .dijitSliderRemainingBarH,.flat .dijitSlider .dijitSliderRightBumper{border:0;background-color:#9e9e9e}.flat .dijitSliderHover .dijitSliderLeftBumper,.flat .dijitSliderHover .dijitSliderProgressBarH{background-color:#0d8cf1;background-image:none}.flat .dijitSliderFocused .dijitSliderLeftBumper,.flat .dijitSliderFocused .dijitSliderProgressBarH,.flat .dijitSliderFocused .dijitSliderRemainingBarH,.flat .dijitSliderFocused .dijitSliderRightBumper{-webkit-box-shadow:none;box-shadow:none}.flat .dijitSliderBarV,.flat .dijitSliderBumperV{width:3px}.flat .dijitSlider .dijitSliderTopBumper{-webkit-border-radius:1.5px 1.5px 0 0;border-radius:1.5px 1.5px 0 0;margin-top:4px;margin-bottom:-2px}.flat .dijitSlider .dijitSliderBottomBumper{-webkit-border-radius:0 0 1.5px 1.5px;border-radius:0 0 1.5px 1.5px;margin-bottom:4px}.flat .dijitSlider .dijitSliderBottomBumper,.flat .dijitSlider .dijitSliderProgressBarV{border:0;background-color:#2196f3;background-image:none}.flat .dijitSlider .dijitSliderRemainingBarV,.flat .dijitSlider .dijitSliderTopBumper{border:0;background-color:#9e9e9e}.flat .dijitSliderHover .dijitSliderBottomBumper,.flat .dijitSliderHover .dijitSliderProgressBarV{background-color:#0d8cf1;background-image:none}.flat .dijitSliderFocused .dijitSliderBottomBumper,.flat .dijitSliderFocused .dijitSliderProgressBarV,.flat .dijitSliderFocused .dijitSliderRemainingBarV,.flat .dijitSliderFocused .dijitSliderTopBumper{-webkit-box-shadow:none;box-shadow:none}.flat .dijitSliderImageHandle{background:#fff;-webkit-box-shadow:0 1px .5px rgba(0,0,0,.3),0 2px 2px rgba(0,0,0,.2);box-shadow:0 1px .5px rgba(0,0,0,.3),0 2px 2px rgba(0,0,0,.2);-webkit-border-radius:50%;border-radius:50%;border:1px solid #2196f3;width:16px;height:16px;margin-top:-2px;position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.flat .dijitSliderImageHandle:after{content:"";display:block;background:#2196f3;-webkit-border-radius:50%;border-radius:50%;height:10px;width:10px;left:2px;top:2px;position:absolute}.flat .dijitSliderDecrementIconH .dijitSliderButtonInner,.flat .dijitSliderDecrementIconV .dijitSliderButtonInner,.flat .dijitSliderDisabled.dijitSliderFocused .dijitSliderImageHandle:after,.flat .dijitSliderIncrementIconH .dijitSliderButtonInner,.flat .dijitSliderIncrementIconV .dijitSliderButtonInner,.flat .dijitValidationTextBoxError .dijitValidationIcon{display:none}.flat .dijitSliderImageHandleV{margin-top:0}.flat .dijitSliderFocused .dijitSliderImageHandle,.flat .dijitSliderHover .dijitSliderImageHandle{-webkit-box-shadow:0 4px 2px -2px rgba(0,0,0,.3),0 4px 6px rgba(0,0,0,.2);box-shadow:0 4px 2px -2px rgba(0,0,0,.3),0 4px 6px rgba(0,0,0,.2)}.flat .dijitSliderDecrementIconH,.flat .dijitSliderDecrementIconV,.flat .dijitSliderIncrementIconH,.flat .dijitSliderIncrementIconV{border-style:solid;border-width:1px;border-color:#9e9e9e;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;-ms-transition:all 50ms linear;transition:all 50ms linear;background:#fff;height:20px;width:20px;cursor:pointer;color:#2196f3;padding:0;font-family:flat-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flat .dijitSliderDecrementIconH:hover,.flat .dijitSliderDecrementIconV:hover,.flat .dijitSliderIncrementIconH:hover,.flat .dijitSliderIncrementIconV:hover{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;-ms-transition:all .1s;transition:all .1s;background:#f2f2f2;border-color:#d9d9d9}.flat .dijitSliderDecrementIconH:active,.flat .dijitSliderDecrementIconV:active,.flat .dijitSliderIncrementIconH:active,.flat .dijitSliderIncrementIconV:active{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.05);box-shadow:inset 0 3px 5px rgba(0,0,0,.05);background:#e0e0e0;border-color:#b3b3b3}.flat .dijitSliderDisabled .dijitSliderDecrementIconH,.flat .dijitSliderDisabled .dijitSliderDecrementIconV,.flat .dijitSliderDisabled .dijitSliderIncrementIconH,.flat .dijitSliderDisabled .dijitSliderIncrementIconV,.flat .dijitSliderReadOnly .dijitSliderDecrementIconH,.flat .dijitSliderReadOnly .dijitSliderDecrementIconV,.flat .dijitSliderReadOnly .dijitSliderIncrementIconH,.flat .dijitSliderReadOnly .dijitSliderIncrementIconV{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.flat .dijitSliderDecrementIconH:before,.flat .dijitSliderDecrementIconV:before,.flat .dijitSliderIncrementIconH:before,.flat .dijitSliderIncrementIconV:before{content:"\f011";top:0;line-height:20px}.flat .dijitSliderDecrementIconH:before,.flat .dijitSliderDecrementIconV:before{content:"\f012"}.flat .dijitRuleMark{border:0}.flat .dijitRuleMarkH{border-right:1px solid #e0e0e0}.flat .dijitRuleMarkV{border-bottom:1px solid #e0e0e0}.flat .dijitRuleLabelContainerH{margin-top:2px;margin-bottom:2px}.flat .dijitRuleLabelContainerV{margin-left:2px;margin-right:2px}.flat .dijitInputInner,.flat .dijitTextBox{line-height:20px}.dijitEditorIcon,.dijitIcon,.flat .dijitValidationTextBoxError .dijitValidationContainer,[class*=" flat-"],[class^=flat-]{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flat .dijitTextBox{background:#fff;border:1px solid #9e9e9e;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:border .2s linear 0s,box-shadow .2s linear 0s;-moz-transition:border .2s linear 0s,box-shadow .2s linear 0s;-o-transition:border .2s linear 0s,box-shadow .2s linear 0s;-ms-transition:border .2s linear 0s,box-shadow .2s linear 0s;transition:border .2s linear 0s,box-shadow .2s linear 0s}.flat .dijitTextArea{padding:4px 6px}.flat .dijitTextBox .dijitInputField{padding:0 4px;margin:0 2px}.flat .dijitComboBox.alt-primary,.flat .dijitSelect.alt-primary,.flat .dijitSpinner.alt-primary{border-color:#1e88e5}.flat .dijitComboBox.alt-success,.flat .dijitSelect.alt-success,.flat .dijitSpinner.alt-success{border-color:#43a047}.flat .dijitComboBox.alt-info,.flat .dijitSelect.alt-info,.flat .dijitSpinner.alt-info{border-color:#03a9f4}.flat .dijitComboBox.alt-warning,.flat .dijitSelect.alt-warning,.flat .dijitSpinner.alt-warning{border-color:#fb8c00}.flat .dijitComboBox.alt-danger,.flat .dijitSelect.alt-danger,.flat .dijitSpinner.alt-danger{border-color:#e53935}.flat .dijitComboBox.alt-inverse,.flat .dijitSelect.alt-inverse,.flat .dijitSpinner.alt-inverse{border-color:#616161}.flat .dijitTextBox .dijitInputField .dijitPlaceHolder,.flat .dijitTextBox .dijitInputInner,.flat .dijitValidationTextBox .dijitValidationContainer{padding:4px}.flat .dijitTextBoxHover{border-color:#2196f3;-webkit-transition-duration:.25s;-moz-transition-duration:.25s;-o-transition-duration:.25s;-ms-transition-duration:.25s;transition-duration:.25s}.flat .dijitTextBoxFocused{border-color:#2196f3;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;-ms-transition-duration:.1s;transition-duration:.1s}.flat .dijitTextBoxDisabled{color:#9e9e9e;background-color:#f5f5f5;border-color:#e3e3e3}.flat .dijitComboBoxDisabled.alt-primary,.flat .dijitSpinnerDisabled.alt-primary{background:#f5f5f5;color:#9e9e9e;border:1px solid #6db2ee}.flat .dijitComboBoxDisabled.alt-primary .dijitButtonNode,.flat .dijitSelectDisabled.alt-primary .dijitButtonNode,.flat .dijitSelectDisabled.alt-primary .dijitStretch,.flat .dijitSpinnerDisabled.alt-primary .dijitButtonNode{background:#6db2ee;color:#f2f2f2}.flat .dijitSpinnerDisabled.alt-primary .dijitSpinnerButtonContainer{border-left-color:#6db2ee}.flat .dijitSpinnerRtlDisabled.alt-primary .dijitSpinnerButtonContainer{border-right-color:#6db2ee}.flat .dijitSelectDisabled.alt-primary{border-color:#6db2ee}.flat .dijitComboBoxDisabled.alt-success,.flat .dijitSpinnerDisabled.alt-success{background:#f5f5f5;color:#9e9e9e;border:1px solid #7dc981}.flat .dijitComboBoxDisabled.alt-success .dijitButtonNode,.flat .dijitSelectDisabled.alt-success .dijitButtonNode,.flat .dijitSelectDisabled.alt-success .dijitStretch,.flat .dijitSpinnerDisabled.alt-success .dijitButtonNode{background:#7dc981;color:#f2f2f2}.flat .dijitSpinnerDisabled.alt-success .dijitSpinnerButtonContainer{border-left-color:#7dc981}.flat .dijitSpinnerRtlDisabled.alt-success .dijitSpinnerButtonContainer{border-right-color:#7dc981}.flat .dijitSelectDisabled.alt-success{border-color:#7dc981}.flat .dijitComboBoxDisabled.alt-info,.flat .dijitSpinnerDisabled.alt-info{background:#f5f5f5;color:#9e9e9e;border:1px solid #56c9fd}.flat .dijitComboBoxDisabled.alt-info .dijitButtonNode,.flat .dijitSelectDisabled.alt-info .dijitButtonNode,.flat .dijitSelectDisabled.alt-info .dijitStretch,.flat .dijitSpinnerDisabled.alt-info .dijitButtonNode{background:#56c9fd;color:#f2f2f2}.flat .dijitSpinnerDisabled.alt-info .dijitSpinnerButtonContainer{border-left-color:#56c9fd}.flat .dijitSpinnerRtlDisabled.alt-info .dijitSpinnerButtonContainer{border-right-color:#56c9fd}.flat .dijitSelectDisabled.alt-info{border-color:#56c9fd}.flat .dijitComboBoxDisabled.alt-warning,.flat .dijitSpinnerDisabled.alt-warning{background:#f5f5f5;color:#9e9e9e;border:1px solid #ffb557}.flat .dijitComboBoxDisabled.alt-warning .dijitButtonNode,.flat .dijitSelectDisabled.alt-warning .dijitButtonNode,.flat .dijitSelectDisabled.alt-warning .dijitStretch,.flat .dijitSpinnerDisabled.alt-warning .dijitButtonNode{background:#ffb557;color:#f2f2f2}.flat .dijitSpinnerDisabled.alt-warning .dijitSpinnerButtonContainer{border-left-color:#ffb557}.flat .dijitSpinnerRtlDisabled.alt-warning .dijitSpinnerButtonContainer{border-right-color:#ffb557}.flat .dijitSelectDisabled.alt-warning{border-color:#ffb557}.flat .dijitComboBoxDisabled.alt-danger,.flat .dijitSpinnerDisabled.alt-danger{background:#f5f5f5;color:#9e9e9e;border:1px solid #ee7e7c}.flat .dijitComboBoxDisabled.alt-danger .dijitButtonNode,.flat .dijitSelectDisabled.alt-danger .dijitButtonNode,.flat .dijitSelectDisabled.alt-danger .dijitStretch,.flat .dijitSpinnerDisabled.alt-danger .dijitButtonNode{background:#ee7e7c;color:#f2f2f2}.flat .dijitSpinnerDisabled.alt-danger .dijitSpinnerButtonContainer{border-left-color:#ee7e7c}.flat .dijitSpinnerRtlDisabled.alt-danger .dijitSpinnerButtonContainer{border-right-color:#ee7e7c}.flat .dijitSelectDisabled.alt-danger{border-color:#ee7e7c}.flat .dijitComboBoxDisabled.alt-inverse,.flat .dijitSpinnerDisabled.alt-inverse{background:#f5f5f5;color:#9e9e9e;border:1px solid #989898}.flat .dijitComboBoxDisabled.alt-inverse .dijitButtonNode,.flat .dijitSelectDisabled.alt-inverse .dijitButtonNode,.flat .dijitSelectDisabled.alt-inverse .dijitStretch,.flat .dijitSpinnerDisabled.alt-inverse .dijitButtonNode{background:#989898;color:#f2f2f2}.flat .dijitSpinnerDisabled.alt-inverse .dijitSpinnerButtonContainer{border-left-color:#989898}.flat .dijitSpinnerRtlDisabled.alt-inverse .dijitSpinnerButtonContainer{border-right-color:#989898}.flat .dijitSelectDisabled.alt-inverse{border-color:#989898}.flat .dijitTextBoxError,.flat .dijitTextBoxError .dijitButtonNode{border-color:#dd2c00}.flat .dijitTextBoxErrorFocused,.flat .dijitTextBoxErrorFocused .dijitButtonNode{border:1px solid #bc2500}.flat .dijitValidationTextBoxError .dijitValidationContainer{color:#dd2c00;width:18px;font-family:flat-icon;font-size:18px}.flat .dijitValidationTextBoxError .dijitValidationContainer:before{content:"\f017"}@font-face{font-family:flat-icon;src:url(fonts/flat-icon.eot?90nq1s);src:url(fonts/flat-icon.eot?#iefix90nq1s) format('embedded-opentype'),url(fonts/flat-icon.ttf?90nq1s) format('truetype'),url(fonts/flat-icon.woff?90nq1s) format('woff'),url(fonts/flat-icon.svg?90nq1s#flat-icon) format('svg');font-weight:400;font-style:normal}[class*=" flat-"],[class^=flat-]{font-family:flat-icon}.dijitEditorIcon,.dijitIcon{font-family:flat-icon;font-size:16px;width:16px;height:16px}.flat-drop-left:before{content:"\f000"}.flat-drop-right:before{content:"\f001"}.flat-drop-down:before{content:"\f002"}.flat-drop-up:before{content:"\f003"}.flat-chevron-left:before{content:"\f004"}.flat-chevron-right:before{content:"\f005"}.flat-chevron-down:before{content:"\f006"}.flat-chevron-up:before{content:"\f007"}.flat-arrow-left:before{content:"\f008"}.flat-arrow-right:before{content:"\f009"}.flat-arrow-down:before{content:"\f00a"}.flat-arrow-up:before{content:"\f00b"}.flat-check:before{content:"\f00c"}.flat-check-circle:before{content:"\f00d"}.flat-close:before{content:"\f00e"}.dijitIconClear:before,.flat-close-circle:before{content:"\f00f"}.dijitEditorIconCancel:before,.flat-close-circle-o:before{content:"\f010"}.flat-add:before{content:"\f011"}.flat-remove:before{content:"\f012"}.flat-add-circle:before{content:"\f013"}.flat-remove-circle:before{content:"\f014"}.flat-add-circle-o:before{content:"\f015"}.flat-remove-circle-o:before{content:"\f016"}.dijitIconError:before,.flat-error:before{content:"\f017"}.flat-error-o:before{content:"\f018"}.flat-warning:before{content:"\f019"}.flat-report:before{content:"\f01a"}.flat-help:before{content:"\f01b"}.flat-no-symbol:before{content:"\f01c"}.flat-update:before{content:"\f01d"}.flat-calendar:before{content:"\f01e"}.flat-clock:before{content:"\f01f"}.dijitFolderClosed:before,.dijitIconFolderClosed:before,.flat-folder:before{content:"\f020"}.dijitFolderOpened:before,.dijitIconFolderOpen:before,.flat-folder-open:before{content:"\f021"}.dijitIconEdit:before,.flat-edit:before{content:"\f022"}.dijitEditorIconSave:before,.dijitIconSave:before,.flat-save:before{content:"\f023"}.dijitEditorIconPrint:before,.dijitIconPrint:before,.flat-print:before{content:"\f024"}.dijitEditorIconDelete:before,.dijitIconDelete:before,.flat-delete:before{content:"\f025"}.dijitLeaf:before,.flat-page:before{content:"\f026"}.flat-page-o:before{content:"\f027"}.flat-page-add:before{content:"\f028"}.flat-page-remove:before{content:"\f029"}.flat-page-add-o:before{content:"\f02a"}.flat-page-remove-o:before{content:"\f02b"}.dijitIconFile:before,.flat-file:before{content:"\f02c"}.dijitIconMail:before,.flat-mail:before{content:"\f02d"}.dijitIconDatabase:before,.flat-storage:before{content:"\f02e"}.dijitIconConfigure:before,.flat-settings:before{content:"\f02f"}.dijitIconSearch:before,.flat-search:before{content:"\f030"}.dijitIconBookmark:before,.flat-bookmark:before{content:"\f031"}.flat-menu:before{content:"\f032"}.dijitIconApplication:before,.flat-application:before{content:"\f033"}.dijitIconKey:before,.flat-key:before{content:"\f034"}.dijitEditorIconInsertTable:before,.dijitIconTable:before,.flat-table:before{content:"\f035"}.flat-grid:before{content:"\f036"}.dijitIconChart:before,.flat-chart:before{content:"\f037"}.dijitIconFilter:before,.flat-filter:before{content:"\f038"}.dijitIconFunction:before,.flat-function:before{content:"\f039"}.flat-user:before{content:"\f03a"}.dijitIconUsers:before,.flat-users:before{content:"\f03b"}.dijitIconConnector:before,.flat-connector:before{content:"\f03c"}.dijitIconDocuments:before,.flat-documents:before{content:"\f03d"}.dijitIconEditProperty:before,.flat-edit-property:before{content:"\f03e"}.dijitIconTask:before,.flat-task:before{content:"\f03f"}.dijitIconNewTask:before,.flat-task-new:before{content:"\f040"}.dijitIconEditTask:before,.flat-task-edit:before{content:"\f041"}.dijitIconSample:before,.flat-sample:before{content:"\f042"}.dijitIconPackage:before,.flat-package:before{content:"\f043"}.dijitEditorIconUndo:before,.flat-undo:before{content:"\f044"}.dijitEditorIconRedo:before,.flat-redo:before{content:"\f045"}.dijitEditorIconCopy:before,.dijitIconCopy:before,.flat-copy:before{content:"\f046"}.dijitEditorIconCut:before,.dijitIconCut:before,.flat-cut:before{content:"\f047"}.dijitEditorIconPaste:before,.flat-paste:before{content:"\f048"}.dijitEditorIconBold:before,.flat-bold:before{content:"\f049"}.dijitEditorIconItalic:before,.flat-italic:before{content:"\f04a"}.dijitEditorIconUnderline:before,.flat-underline:before{content:"\f04b"}.dijitEditorIconStrikethrough:before,.flat-strikethrough:before{content:"\f04c"}.dijitEditorIconRemoveFormat:before,.flat-clear-format:before{content:"\f04d"}.flat-quote:before{content:"\f04e"}.dijitEditorIconSuperscript:before,.flat-superscript:before{content:"\f04f"}.dijitEditorIconSubscript:before,.flat-subscript:before{content:"\f050"}.dijitEditorIconForeColor:before,.flat-color-text:before{content:"\f051"}.dijitEditorIconBackColor:before,.flat-color-fill:before{content:"\f052"}.dijitEditorIconHiliteColor:before,.flat-color-highlight:before{content:"\f053"}.flat-font-size:before{content:"\f054"}.dijitEditorIconJustifyCenter:before,.flat-align-center:before{content:"\f055"}.dijitEditorIconJustifyFull:before,.flat-align-justify:before{content:"\f056"}.dijitEditorIconJustifyLeft:before,.flat-align-left:before{content:"\f057"}.dijitEditorIconJustifyRight:before,.flat-align-right:before{content:"\f058"}.dijitEditorIconIndent:before,.flat-indent:before{content:"\f059"}.dijitEditorIconOutdent:before,.flat-outdent:before{content:"\f05a"}.flat-sort:before{content:"\f05b"}.dijitEditorIconSpace:before,.flat-keyboard-space:before{content:"\f05c"}.dijitEditorIconTabIndent:before,.flat-keyboard-tab:before{content:"\f05d"}.dijitEditorIconInsertUnorderedList:before,.flat-list-bullet:before{content:"\f05e"}.dijitEditorIconInsertOrderedList:before,.flat-list-number:before{content:"\f05f"}.dijitEditorIconListBulletIndent:before,.flat-list-bullet-indent:before{content:"\f060"}.dijitEditorIconListBulletOutdent:before,.flat-list-bullet-outdent:before{content:"\f061"}.dijitEditorIconListNumIndent:before,.flat-list-number-indent:before{content:"\f062"}.dijitEditorIconListNumOutdent:before,.flat-list-number-outdent:before{content:"\f063"}.dijitEditorIconViewSource:before,.flat-code:before{content:"\f064"}.dijitEditorIconCreateLink:before,.flat-link:before{content:"\f065"}.dijitEditorIconUnlink:before,.flat-unlink:before{content:"\f066"}.dijitEditorIconFullScreen:before,.flat-fullscreen:before{content:"\f067"}.flat-fullscreen-exit:before{content:"\f068"}.dijitEditorIconInsertImage:before,.flat-image:before{content:"\f069"}.dijitEditorIconNewPage:before,.flat-page-new:before{content:"\f06a"}.dijitEditorIconToggleDir:before,.flat-toggle-dir:before{content:"\f06b"}.dijitEditorIconLeftToRight:before,.flat-left-to-right:before{content:"\f06c"}.dijitEditorIconRightToLeft:before,.flat-right-to-left:before{content:"\f06d"}.dijitEditorIconSelectAll:before,.flat-select-all:before{content:"\f06e"}.dijitEditorIconWikiword:before,.flat-wikiword:before{content:"\f06f"}.icon-spin{-webkit-animation:spin-right 2s infinite linear;-moz-animation:spin-right 2s infinite linear;-o-animation:spin-right 2s infinite linear;-ms-animation:spin-right 2s infinite linear;animation:spin-right 2s infinite linear}.dijitIconLoading{font-size:24px}.dijitIconLoading:before{content:"\f01d";-webkit-animation:spin-left 2s linear infinite;-moz-animation:spin-left 2s linear infinite;-o-animation:spin-left 2s linear infinite;-ms-animation:spin-left 2s linear infinite;animation:spin-left 2s linear infinite}.dj_ie8 .dijitIconLoading,.dj_ie9 .dijitIconLoading{background:url(images/loadingAnimation.gif) no-repeat;height:20px;width:20px}.dj_ie8 .dijitIconLoading:before,.dj_ie9 .dijitIconLoading:before{content:""}.dijitRtl .dijitEditorIconRedo:before,.dijitRtl .dijitEditorIconUndo:before{content:"\f044"}.dijitRtl .dijitEditorIconTabIndent:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.dijitRtl .dijitEditorIconInsertOrderedList,.dijitRtl .dijitEditorIconInsertUnorderedList{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}:root .dijitRtl .dijitEditorIconInsertOrderedList,:root .dijitRtl .dijitEditorIconInsertUnorderedList{filter:none}@-moz-keyframes spin-right{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin-right{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin-right{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-right{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin-left{from{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes spin-left{from{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}@-o-keyframes spin-left{from{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}@keyframes spin-left{from{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.dijitRtl .dijitOffScreen{left:auto!important;right:-10000px!important}.dijitRtl .dijitPlaceHolder,.dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton{right:0;left:auto}.dj_iequirks .dijitComboButtonRtl button{float:left}.dj_ie .dijitTextBoxRtl .dijitInputContainer{clear:right}.dijitComboBoxRtl .dijitArrowButtonContainer,.dijitTextBoxRtl .dijitSpinnerButtonContainer,.dijitTextBoxRtl .dijitValidationContainer{border-right-width:1px!important;border-left-width:0!important}.dijitSelectRtl .dijitButtonText{float:right}.dijitTextBoxRtl .dijitArrowButtonContainer,.dijitTextBoxRtl .dijitSpinnerButtonContainer,.dijitValidationTextBoxRtl .dijitValidationContainer{float:left}.dijitSliderRtl .dijitRuleContainerV,.dijitTreeRtl .dijitTreeContainer,.flat .dijitTreeRtl .dijitTreeContainer{float:right}.dijitCalendarRtl .dijitCalendarNextYear{margin:0 .55em 0 0}.dijitCalendarRtl .dijitCalendarPreviousYear{margin:0 0 0 .55em}.dijitSliderRtl .dijitSliderImageHandleV{left:auto}.dijitSliderRtl .dijitSliderImageHandleH{left:-50%}.dijitSliderRtl .dijitSliderMoveableH{right:auto;left:0}.dj_ie .dijitSliderRtl .dijitRuleLabelV{text-align:left}.dijitSliderRtl .dijitSliderProgressBarH{float:right;right:0;left:auto}.dijitRtl .dijitContentPaneError .dijitIconError,.dijitRtl .dijitContentPaneLoading .dijitIconLoading{margin-right:0;margin-left:9px}.dijitTabControllerRtl .nowrapTabStrip{text-align:right}.dijitTabRtl .dijitTabCloseButton{margin-left:0;margin-right:1em}.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl{left:0}.dijitColorPaletteRtl .dijitColorPaletteUnder,.flat .dijitColorPaletteRtl .dijitColorPaletteUnder{left:auto;right:0}.dj_ie6 .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs,.dj_ie6 .dijitTabContainerRightRtl .dijitTabContainerRight-tabs{width:1%}.dj_ie .dijitTimePickerRtl .dijitTimePickerItem{width:100%}.dijitSelectRtl .dijitButtonContents{border-style:none none none solid;text-align:right}.dijitRtl .dojoDndHorizontal .dojoDndItemBefore{border-width:0 2px 0 0;padding:2px 0 2px 2px}.dijitRtl .dojoDndHorizontal .dojoDndItemAfter{border-width:0 0 0 2px;padding:2px 2px 2px 0}.flat .dijitCalendarRtl .dijitCalendarDecrease:before{content:"\f001"}.flat .dijitCalendarRtl .dijitCalendarIncrease:before,.flat .dijitMenuItemRtl .dijitMenuExpand:before{content:"\f000"}.flat .dijitDialogRtl .dijitDialogCloseIcon{right:auto;left:12px}.flat .dijitDialogRtl .dijitDialogPaneActionBar,.flat .dijitTooltipDialogRtl .dijitDialogPaneActionBar{text-align:left}.flat .dijitMenuBarRtl,.flat .dijitMenuItemRtl,.flat .dijitTabControllerRtl,.flat .dijitTabControllerRtl .nowrapTabStrip,.flat .dijitTitlePaneRtl .dijitTitlePaneTitle,.flat .dijitTreeRtl,.flat div.dijitNumberTextBoxRtl{text-align:right}.flat .dijitTitlePaneRtl .dijitClosed .dijitArrowNode:before{content:"\f006"}.flat .dijitToolbar .dijitButtonRtl,.flat .dijitToolbar .dijitComboButtonRtl,.flat .dijitToolbar .dijitDropDownButtonRtl,.flat .dijitToolbar .dijitToggleButtonRtl{margin-left:4px;margin-right:auto}.flat .dijitToolbar .dijitDropDownButtonRtl .dijitArrowButtonInner{margin-left:auto;margin-right:4px}.flat .dijitTreeRtl .dijitTreeExpandoClosed:before{content:"\e60b"}.flat .dijitAccordionTitle .arrowTextDown,.flat .dijitAccordionTitle .arrowTextUp{float:left}.flat .dijitTabContainerBottom-tabs .dijitTabRtl,.flat .dijitTabContainerTop-tabs .dijitTabRtl{margin-right:0;margin-left:-1px}.flat .dijitTabRtl .dijitTabCloseButton{margin-left:0;margin-right:4px}.flat table.dijitComboButtonRtl .dijitStretch{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.flat table.dijitComboButtonRtl .dijitArrowButton{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;border-left-width:1px;border-right-width:0}.flat .dijitDropDownButtonRtl .dijitButtonNode{padding-left:8px}.flat .dijitDropDownButtonRtl .dijitArrowButtonInner{margin-left:0;margin-right:12px}.flat .dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton{right:0;left:auto}.flat .dijitSelectRtl .dijitButtonText{float:right;padding:0 12px 0 0}.flat .dijitSelectRtl .dijitButtonContents{border-style:none none none solid;text-align:right}.flat .dijitComboBoxRtl .dijitButtonNode.dijitArrowButtonContainer{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.flat .dijitComboBoxRtl .dijitArrowButtonContainer{border-right-width:1px!important;border-left-width:0!important}.flat .dijitSliderRtl .dijitSliderProgressBarH{float:right;right:0;left:auto}.flat .dijitSliderRtl .dijitSliderLeftBumper{border-left-width:0;border-right-width:1px;margin-left:0;margin-right:4px;-webkit-border-radius:0 1.5px 1.5px 0;border-radius:0 1.5px 1.5px 0}.flat .dijitSliderRtl .dijitSliderRightBumper{border-left-width:1px;border-right-width:0;margin-left:4px;margin-right:-2px;-webkit-border-radius:1.5px 0 0 1.5px;border-radius:1.5px 0 0 1.5px}.flat .dijitSliderRtl .dijitSliderMoveableH{right:auto;left:0}.flat .dijitSliderRtl .dijitSliderImageHandleV{left:auto}.flat .dijitSliderRtl .dijitSliderImageHandleH{left:-50%}.flat .dijitSliderRtl .dijitRuleContainerV{float:right}.flat .dijitTextBoxRtl .dijitSpinnerButtonContainer,.flat .dijitTextBoxRtl .dijitValidationContainer{border-right-width:1px!important;border-left-width:0!important}.flat .dijitTextBoxRtlError .dijitValidationContainer{border-left-width:0;border-right-width:1px}.flat .dijitRtl .dijitPlaceHolder{left:auto;right:0}.flat .dijitTextBoxRtl .dijitArrowButtonContainer,.flat .dijitTextBoxRtl .dijitSpinnerButtonContainer,.flat .dijitValidationTextBoxRtl .dijitValidationContainer{float:left}
\ No newline at end of file
diff --git a/viewer/css/theme/flat/fonts/flat-icon.eot b/viewer/css/theme/flat/fonts/flat-icon.eot
new file mode 100644
index 000000000..803a04220
Binary files /dev/null and b/viewer/css/theme/flat/fonts/flat-icon.eot differ
diff --git a/viewer/css/theme/flat/fonts/flat-icon.svg b/viewer/css/theme/flat/fonts/flat-icon.svg
new file mode 100644
index 000000000..60db68b50
--- /dev/null
+++ b/viewer/css/theme/flat/fonts/flat-icon.svg
@@ -0,0 +1,122 @@
+
+
+
\ No newline at end of file
diff --git a/viewer/css/theme/flat/fonts/flat-icon.ttf b/viewer/css/theme/flat/fonts/flat-icon.ttf
new file mode 100644
index 000000000..96d0c500a
Binary files /dev/null and b/viewer/css/theme/flat/fonts/flat-icon.ttf differ
diff --git a/viewer/css/theme/flat/fonts/flat-icon.woff b/viewer/css/theme/flat/fonts/flat-icon.woff
new file mode 100644
index 000000000..a62cb0b77
Binary files /dev/null and b/viewer/css/theme/flat/fonts/flat-icon.woff differ
diff --git a/viewer/css/theme/flat/images/loadingAnimation.gif b/viewer/css/theme/flat/images/loadingAnimation.gif
new file mode 100644
index 000000000..694e2cb3f
Binary files /dev/null and b/viewer/css/theme/flat/images/loadingAnimation.gif differ
diff --git a/viewer/css/theme/flat/images/progressBarStrips.png b/viewer/css/theme/flat/images/progressBarStrips.png
new file mode 100644
index 000000000..50644f98c
Binary files /dev/null and b/viewer/css/theme/flat/images/progressBarStrips.png differ
diff --git a/viewer/favicon.png b/viewer/favicon.png
new file mode 100644
index 000000000..9ac1f0f7d
Binary files /dev/null and b/viewer/favicon.png differ
diff --git a/viewer/index.html b/viewer/index.html
index 8cbf2bdbb..6dbebc88c 100644
--- a/viewer/index.html
+++ b/viewer/index.html
@@ -6,13 +6,18 @@
+
+
+
+