/* Button | DropDownButton | ComboButton | ToggleButton
 * 
 * Styling Buttons mainly includes:
 * 
 * 1. Containers
 * 		.dijitButton
 * 		.dijitDropDownButton
 * 		.dijitComboButton
 * 		.dijitButtonNode - common button/arrow wrapper shared across all three button types 
 *
 * 2. Button text
 * 		.dijitButtonText
 * 
 * 3. Arrows - only for DropDownButton and ComboButton
 * 	     There are total four directions arrows - down, left, right, up:
 * 		.dijitArrowButtonInner - down arrow by default
 *      .dijitLeftArrowButton .dijitArrowButtonInner - left arrow
 *      .dijitRightArrowButton .dijitArrowButtonInner - right arrow
 *      .dijitUpArrowButton .dijitArrowButtonInner - up arrow
 * 
 * 4. States - Hover, Active, Disabled, e.g.
 * 		.dijitButtonHover .dijitButtonNode
 * 		.dijitButtonActive .dijitButtonNode
 * 		.dijitButtonDisabled .dijitButtonNode
 *      
 *      .dijitDisabled .dijitArrowButtonInner  - disabled arrow states 
 */
.dijitButtonText {
  padding: 0 4px;
  text-align: center;
}
/* Default button */
.dijitButton .dijitButtonNode,
.dijitDropDownButton .dijitButtonNode,
.dijitComboButton .dijitButtonNode,
.dijitToggleButton .dijitButtonNode {
  border-style: solid;
  border-width: 1px;
  padding: 4px 12px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 20px;
  text-shadow: 0 1px 1px rgba(255,255,255,0.75);
  cursor: pointer;
  border-color: #d0d0d0;
  background: #f5f5f5;
  background: -webkit-linear-gradient(#f5f5f5, #f5f5f5);
  background: -moz-linear-gradient(#f5f5f5, #f5f5f5);
  background: -o-linear-gradient(#f5f5f5, #f5f5f5);
  background: -ms-linear-gradient(#f5f5f5, #f5f5f5);
  background: linear-gradient(#f5f5f5, #f5f5f5);
}
/* Alternative button colors */
.dijitButton.btn-alt .dijitButtonNode,
.dijitDropDownButton.btn-alt .dijitButtonNode,
.dijitComboButton.btn-alt .dijitButtonNode,
.dijitToggleButton.btn-alt .dijitButtonNode,
.dijitComboBox.btn-alt .dijitButtonNode,
.dijitSelect.btn-alt .dijitButtonContents,
.dijitSelect.btn-alt .dijitButtonNode,
.dijitSpinner.btn-alt .dijitArrowButton,
.btn-alt .esriSimpleSlider div,
.btn-alt .esriAddBookmark,
.btn-alt .esriButton .dijitButtonNode,
.btn-alt .esriToggleButton .dijitButtonNode {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.dijitButton.btn-primary .dijitButtonNode,
.dijitDropDownButton.btn-primary .dijitButtonNode,
.dijitComboButton.btn-primary .dijitButtonNode,
.dijitToggleButton.btn-primary .dijitButtonNode,
.dijitComboBox.btn-primary .dijitButtonNode,
.dijitSelect.btn-primary .dijitButtonContents,
.dijitSelect.btn-primary .dijitButtonNode,
.dijitSpinner.btn-primary .dijitArrowButton,
.btn-primary .esriSimpleSlider div,
.btn-primary .esriAddBookmark,
.btn-primary .esriButton .dijitButtonNode,
.btn-primary .esriToggleButton .dijitButtonNode {
  border-color: #0068a5;
  background: #007ac2;
  background: -webkit-linear-gradient(#0080cb, #007ac2);
  background: -moz-linear-gradient(#0080cb, #007ac2);
  background: -o-linear-gradient(#0080cb, #007ac2);
  background: -ms-linear-gradient(#0080cb, #007ac2);
  background: linear-gradient(#0080cb, #007ac2);
}
.dijitButton.btn-success .dijitButtonNode,
.dijitDropDownButton.btn-success .dijitButtonNode,
.dijitComboButton.btn-success .dijitButtonNode,
.dijitToggleButton.btn-success .dijitButtonNode,
.dijitComboBox.btn-success .dijitButtonNode,
.dijitSelect.btn-success .dijitButtonContents,
.dijitSelect.btn-success .dijitButtonNode,
.dijitSpinner.btn-success .dijitArrowButton,
.btn-success .esriSimpleSlider div,
.btn-success .esriAddBookmark,
.btn-success .esriButton .dijitButtonNode,
.btn-success .esriToggleButton .dijitButtonNode {
  border-color: #2d923c;
  background: #35ac46;
  background: -webkit-linear-gradient(#37b349, #35ac46);
  background: -moz-linear-gradient(#37b349, #35ac46);
  background: -o-linear-gradient(#37b349, #35ac46);
  background: -ms-linear-gradient(#37b349, #35ac46);
  background: linear-gradient(#37b349, #35ac46);
}
.dijitButton.btn-info .dijitButtonNode,
.dijitDropDownButton.btn-info .dijitButtonNode,
.dijitComboButton.btn-info .dijitButtonNode,
.dijitToggleButton.btn-info .dijitButtonNode,
.dijitComboBox.btn-info .dijitButtonNode,
.dijitSelect.btn-info .dijitButtonContents,
.dijitSelect.btn-info .dijitButtonNode,
.dijitSpinner.btn-info .dijitArrowButton,
.btn-info .esriSimpleSlider div,
.btn-info .esriAddBookmark,
.btn-info .esriButton .dijitButtonNode,
.btn-info .esriToggleButton .dijitButtonNode {
  border-color: #009dce;
  background: #00b9f2;
  background: -webkit-linear-gradient(#00bffa, #00b9f2);
  background: -moz-linear-gradient(#00bffa, #00b9f2);
  background: -o-linear-gradient(#00bffa, #00b9f2);
  background: -ms-linear-gradient(#00bffa, #00b9f2);
  background: linear-gradient(#00bffa, #00b9f2);
}
.dijitButton.btn-warning .dijitButtonNode,
.dijitDropDownButton.btn-warning .dijitButtonNode,
.dijitComboButton.btn-warning .dijitButtonNode,
.dijitToggleButton.btn-warning .dijitButtonNode,
.dijitComboBox.btn-warning .dijitButtonNode,
.dijitSelect.btn-warning .dijitButtonContents,
.dijitSelect.btn-warning .dijitButtonNode,
.dijitSpinner.btn-warning .dijitArrowButton,
.btn-warning .esriSimpleSlider div,
.btn-warning .esriAddBookmark,
.btn-warning .esriButton .dijitButtonNode,
.btn-warning .esriToggleButton .dijitButtonNode {
  border-color: #ec8408;
  background: #f89927;
  background: -webkit-linear-gradient(#f89c2d, #f89927);
  background: -moz-linear-gradient(#f89c2d, #f89927);
  background: -o-linear-gradient(#f89c2d, #f89927);
  background: -ms-linear-gradient(#f89c2d, #f89927);
  background: linear-gradient(#f89c2d, #f89927);
}
.dijitButton.btn-danger .dijitButtonNode,
.dijitDropDownButton.btn-danger .dijitButtonNode,
.dijitComboButton.btn-danger .dijitButtonNode,
.dijitToggleButton.btn-danger .dijitButtonNode,
.dijitComboBox.btn-danger .dijitButtonNode,
.dijitSelect.btn-danger .dijitButtonContents,
.dijitSelect.btn-danger .dijitButtonNode,
.dijitSpinner.btn-danger .dijitArrowButton,
.btn-danger .esriSimpleSlider div,
.btn-danger .esriAddBookmark,
.btn-danger .esriButton .dijitButtonNode,
.btn-danger .esriToggleButton .dijitButtonNode {
  border-color: #b94119;
  background: #da4d1e;
  background: -webkit-linear-gradient(#e05020, #da4d1e);
  background: -moz-linear-gradient(#e05020, #da4d1e);
  background: -o-linear-gradient(#e05020, #da4d1e);
  background: -ms-linear-gradient(#e05020, #da4d1e);
  background: linear-gradient(#e05020, #da4d1e);
}
.dijitButton.btn-inverse .dijitButtonNode,
.dijitDropDownButton.btn-inverse .dijitButtonNode,
.dijitComboButton.btn-inverse .dijitButtonNode,
.dijitToggleButton.btn-inverse .dijitButtonNode,
.dijitComboBox.btn-inverse .dijitButtonNode,
.dijitSelect.btn-inverse .dijitButtonContents,
.dijitSelect.btn-inverse .dijitButtonNode,
.dijitSpinner.btn-inverse .dijitArrowButton,
.btn-inverse .esriSimpleSlider div,
.btn-inverse .esriAddBookmark,
.btn-inverse .esriButton .dijitButtonNode,
.btn-inverse .esriToggleButton .dijitButtonNode {
  border-color: #25272c;
  background: #2b2e34;
  background: -webkit-linear-gradient(#31343b, #2b2e34);
  background: -moz-linear-gradient(#31343b, #2b2e34);
  background: -o-linear-gradient(#31343b, #2b2e34);
  background: -ms-linear-gradient(#31343b, #2b2e34);
  background: linear-gradient(#31343b, #2b2e34);
}
/* hover status */
.dijitButtonHover .dijitButtonNode,
.dijitDropDownButtonHover .dijitButtonNode,
.dijitToggleButtonHover .dijitButtonNode {
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
  background: #e1e1e1;
  background: -webkit-linear-gradient(#f6f6f6, #e1e1e1);
  background: -moz-linear-gradient(#f6f6f6, #e1e1e1);
  background: -o-linear-gradient(#f6f6f6, #e1e1e1);
  background: -ms-linear-gradient(#f6f6f6, #e1e1e1);
  background: linear-gradient(#f6f6f6, #e1e1e1);
}
.dijitComboButton .dijitButtonNodeHover,
.dijitComboButton .dijitDownArrowButtonHover {
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
  background: #e1e1e1;
  background: -webkit-linear-gradient(#f6f6f6, #e1e1e1);
  background: -moz-linear-gradient(#f6f6f6, #e1e1e1);
  background: -o-linear-gradient(#f6f6f6, #e1e1e1);
  background: -ms-linear-gradient(#f6f6f6, #e1e1e1);
  background: linear-gradient(#f6f6f6, #e1e1e1);
}
/* Alternative button colors */
.dijitButtonHover.btn-primary .dijitButtonNode,
.dijitDropDownButtonHover.btn-primary .dijitButtonNode,
.dijitComboButton.btn-primary .dijitButtonNodeHover,
.dijitToggleButtonHover.btn-primary .dijitButtonNode,
.dijitComboBoxHover.btn-primary .dijitButtonNode,
.dijitSelectHover.btn-primary .dijitButtonContents,
.dijitSelectHover.btn-primary .dijitButtonNode,
.dijitSelect.dijitSelectOpened.btn-primary .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-primary .dijitArrowButton,
.dijitSpinner.btn-primary .dijitUpArrowButtonHover,
.dijitSpinner.btn-primary .dijitDownArrowButtonHover,
.btn-primary .esriSimpleSlider div:hover,
.btn-primary .esriAddBookmark:hover,
.btn-primary .esriButtonHover .dijitButtonNode,
.btn-primary .esriToggleButtonHover .dijitButtonNode {
  background: #0070b2;
  background: -webkit-linear-gradient(#0084d2, #0070b2);
  background: -moz-linear-gradient(#0084d2, #0070b2);
  background: -o-linear-gradient(#0084d2, #0070b2);
  background: -ms-linear-gradient(#0084d2, #0070b2);
  background: linear-gradient(#0084d2, #0070b2);
}
.dijitButtonHover.btn-success .dijitButtonNode,
.dijitDropDownButtonHover.btn-success .dijitButtonNode,
.dijitComboButton.btn-success .dijitButtonNodeHover,
.dijitToggleButtonHover.btn-success .dijitButtonNode,
.dijitComboBoxHover.btn-success .dijitButtonNode,
.dijitSelectHover.btn-success .dijitButtonContents,
.dijitSelectHover.btn-success .dijitButtonNode,
.dijitSelect.dijitSelectOpened.btn-success .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-success .dijitArrowButton,
.dijitSpinner.btn-success .dijitUpArrowButtonHover,
.dijitSpinner.btn-success .dijitDownArrowButtonHover,
.btn-success .esriSimpleSlider div:hover,
.btn-success .esriAddBookmark:hover,
.btn-success .esriButtonHover .dijitButtonNode,
.btn-success .esriToggleButtonHover .dijitButtonNode {
  background: #319e40;
  background: -webkit-linear-gradient(#38b74a, #319e40);
  background: -moz-linear-gradient(#38b74a, #319e40);
  background: -o-linear-gradient(#38b74a, #319e40);
  background: -ms-linear-gradient(#38b74a, #319e40);
  background: linear-gradient(#38b74a, #319e40);
}
.dijitButtonHover.btn-info .dijitButtonNode,
.dijitDropDownButtonHover.btn-info .dijitButtonNode,
.dijitComboButton.btn-info .dijitButtonNodeHover,
.dijitToggleButtonHover.btn-info .dijitButtonNode,
.dijitComboBoxHover.btn-info .dijitButtonNode,
.dijitSelectHover.btn-info .dijitButtonContents,
.dijitSelectHover.btn-info .dijitButtonNode,
.dijitSelect.dijitSelectOpened.btn-info .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-info .dijitArrowButton,
.dijitSpinner.btn-info .dijitUpArrowButtonHover,
.dijitSpinner.btn-info .dijitDownArrowButtonHover,
.btn-info .esriSimpleSlider div:hover,
.btn-info .esriAddBookmark:hover,
.btn-info .esriButtonHover .dijitButtonNode,
.btn-info .esriToggleButtonHover .dijitButtonNode {
  background: #00aadf;
  background: -webkit-linear-gradient(#00c3ff, #00aadf);
  background: -moz-linear-gradient(#00c3ff, #00aadf);
  background: -o-linear-gradient(#00c3ff, #00aadf);
  background: -ms-linear-gradient(#00c3ff, #00aadf);
  background: linear-gradient(#00c3ff, #00aadf);
}
.dijitButtonHover.btn-warning .dijitButtonNode,
.dijitDropDownButtonHover.btn-warning .dijitButtonNode,
.dijitComboButton.btn-warning .dijitButtonNodeHover,
.dijitToggleButtonHover.btn-warning .dijitButtonNode,
.dijitComboBoxHover.btn-warning .dijitButtonNode,
.dijitSelectHover.btn-warning .dijitButtonContents,
.dijitSelectHover.btn-warning .dijitButtonNode,
.dijitSelect.dijitSelectOpened.btn-warning .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-warning .dijitArrowButton,
.dijitSpinner.btn-warning .dijitUpArrowButtonHover,
.dijitSpinner.btn-warning .dijitDownArrowButtonHover,
.btn-warning .esriSimpleSlider div:hover,
.btn-warning .esriAddBookmark:hover,
.btn-warning .esriButtonHover .dijitButtonNode,
.btn-warning .esriToggleButtonHover .dijitButtonNode {
  background: #f78e11;
  background: -webkit-linear-gradient(#f89e32, #f78e11);
  background: -moz-linear-gradient(#f89e32, #f78e11);
  background: -o-linear-gradient(#f89e32, #f78e11);
  background: -ms-linear-gradient(#f89e32, #f78e11);
  background: linear-gradient(#f89e32, #f78e11);
}
.dijitButtonHover.btn-danger .dijitButtonNode,
.dijitDropDownButtonHover.btn-danger .dijitButtonNode,
.dijitComboButton.btn-danger .dijitButtonNodeHover,
.dijitToggleButtonHover.btn-danger .dijitButtonNode,
.dijitComboBoxHover.btn-danger .dijitButtonNode,
.dijitSelectHover.btn-danger .dijitButtonContents,
.dijitSelectHover.btn-danger .dijitButtonNode,
.dijitSelect.dijitSelectOpened.btn-danger .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-danger .dijitArrowButton,
.dijitSpinner.btn-danger .dijitUpArrowButtonHover,
.dijitSpinner.btn-danger .dijitDownArrowButtonHover,
.btn-danger .esriSimpleSlider div:hover,
.btn-danger .esriAddBookmark:hover,
.btn-danger .esriButtonHover .dijitButtonNode,
.btn-danger .esriToggleButtonHover .dijitButtonNode {
  background: #c9471c;
  background: -webkit-linear-gradient(#e15324, #c9471c);
  background: -moz-linear-gradient(#e15324, #c9471c);
  background: -o-linear-gradient(#e15324, #c9471c);
  background: -ms-linear-gradient(#e15324, #c9471c);
  background: linear-gradient(#e15324, #c9471c);
}
.dijitButtonHover.btn-inverse .dijitButtonNode,
.dijitDropDownButtonHover.btn-inverse .dijitButtonNode,
.dijitComboButton.btn-inverse .dijitButtonNodeHover,
.dijitToggleButtonHover.btn-inverse .dijitButtonNode,
.dijitComboBoxHover.btn-inverse .dijitButtonNode,
.dijitSelectHover.btn-inverse .dijitButtonContents,
.dijitSelectHover.btn-inverse .dijitButtonNode,
.dijitSelect.dijitSelectOpened.btn-inverse .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-inverse .dijitArrowButton,
.dijitSpinner.btn-inverse .dijitUpArrowButtonHover,
.dijitSpinner.btn-inverse .dijitDownArrowButtonHover,
.btn-inverse .esriSimpleSlider div:hover,
.btn-inverse .esriAddBookmark:hover,
.btn-inverse .esriButtonHover .dijitButtonNode,
.btn-inverse .esriToggleButtonHover .dijitButtonNode {
  background: #282a30;
  background: -webkit-linear-gradient(#34383f, #282a30);
  background: -moz-linear-gradient(#34383f, #282a30);
  background: -o-linear-gradient(#34383f, #282a30);
  background: -ms-linear-gradient(#34383f, #282a30);
  background: linear-gradient(#34383f, #282a30);
}
/* active, checked status */
.dijitButtonActive .dijitButtonNode,
.dijitDropDownButtonActive .dijitButtonNode,
.dijitToggleButtonActive .dijitButtonNode,
.dijitToggleButtonChecked .dijitButtonNode {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  outline: none;
  background: #d0d0d0;
  background: -webkit-linear-gradient(#f5f5f5, #f5f5f5);
  background: -moz-linear-gradient(#f5f5f5, #f5f5f5);
  background: -o-linear-gradient(#f5f5f5, #f5f5f5);
  background: -ms-linear-gradient(#f5f5f5, #f5f5f5);
  background: linear-gradient(#f5f5f5, #f5f5f5);
}
.dijitComboButton .dijitButtonNodeActive,
.dijitComboButton .dijitDownArrowButtonActive {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  outline: none;
  background: #d0d0d0;
  background: -webkit-linear-gradient(#f5f5f5, #f5f5f5);
  background: -moz-linear-gradient(#f5f5f5, #f5f5f5);
  background: -o-linear-gradient(#f5f5f5, #f5f5f5);
  background: -ms-linear-gradient(#f5f5f5, #f5f5f5);
  background: linear-gradient(#f5f5f5, #f5f5f5);
}
.dijitButtonActive.btn-primary .dijitButtonNode,
.dijitDropDownButtonActive.btn-primary .dijitButtonNode,
.dijitComboButton.btn-primary .dijitButtonNodeActive,
.dijitToggleButtonActive.btn-primary .dijitButtonNode,
.dijitComboBoxActive.btn-primary .dijitButtonNode,
.dijitSelectActive.btn-primary .dijitButtonContents,
.dijitSelectActive.btn-primary .dijitArrowButton,
.dijitSelect.dijitSelectOpened.btn-primary .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-primary .dijitArrowButton,
.dijitComboBox.btn-primary .dijitButtonNode.dijitHasDropDownOpen,
.dijitSpinner.btn-primary .dijitUpArrowButtonActive,
.dijitSpinner.btn-primary .dijitDownArrowButtonActive,
.btn-primary .esriSimpleSlider div:active,
.btn-primary .esriAddBookmark:active,
.btn-primary .esriButtonActive .dijitButtonNode,
.btn-primary .esriButtonChecked .dijitButtonNode,
.btn-primary .esriToggleButtonActive .dijitButtonNode {
  background: #0068a5;
  background: -webkit-linear-gradient(#007ac2, #007ac2);
  background: -moz-linear-gradient(#007ac2, #007ac2);
  background: -o-linear-gradient(#007ac2, #007ac2);
  background: -ms-linear-gradient(#007ac2, #007ac2);
  background: linear-gradient(#007ac2, #007ac2);
}
.dijitButtonActive.btn-success .dijitButtonNode,
.dijitDropDownButtonActive.btn-success .dijitButtonNode,
.dijitComboButton.btn-success .dijitButtonNodeActive,
.dijitToggleButtonActive.btn-success .dijitButtonNode,
.dijitComboBoxActive.btn-success .dijitButtonNode,
.dijitSelectActive.btn-success .dijitButtonContents,
.dijitSelectActive.btn-success .dijitArrowButton,
.dijitSelect.dijitSelectOpened.btn-success .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-success .dijitArrowButton,
.dijitComboBox.btn-success .dijitButtonNode.dijitHasDropDownOpen,
.dijitSpinner.btn-success .dijitUpArrowButtonActive,
.dijitSpinner.btn-success .dijitDownArrowButtonActive,
.btn-success .esriSimpleSlider div:active,
.btn-success .esriAddBookmark:active,
.btn-success .esriButtonActive .dijitButtonNode,
.btn-success .esriButtonChecked .dijitButtonNode,
.btn-success .esriToggleButtonActive .dijitButtonNode {
  background: #2d923c;
  background: -webkit-linear-gradient(#35ac46, #35ac46);
  background: -moz-linear-gradient(#35ac46, #35ac46);
  background: -o-linear-gradient(#35ac46, #35ac46);
  background: -ms-linear-gradient(#35ac46, #35ac46);
  background: linear-gradient(#35ac46, #35ac46);
}
.dijitButtonActive.btn-info .dijitButtonNode,
.dijitDropDownButtonActive.btn-info .dijitButtonNode,
.dijitComboButton.btn-info .dijitButtonNodeActive,
.dijitToggleButtonActive.btn-info .dijitButtonNode,
.dijitComboBoxActive.btn-info .dijitButtonNode,
.dijitSelectActive.btn-info .dijitButtonContents,
.dijitSelectActive.btn-info .dijitArrowButton,
.dijitSelect.dijitSelectOpened.btn-info .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-info .dijitArrowButton,
.dijitComboBox.btn-info .dijitButtonNode.dijitHasDropDownOpen,
.dijitSpinner.btn-info .dijitUpArrowButtonActive,
.dijitSpinner.btn-info .dijitDownArrowButtonActive,
.btn-info .esriSimpleSlider div:active,
.btn-info .esriAddBookmark:active,
.btn-info .esriButtonActive .dijitButtonNode,
.btn-info .esriButtonChecked .dijitButtonNode,
.btn-info .esriToggleButtonActive .dijitButtonNode {
  background: #009dce;
  background: -webkit-linear-gradient(#00b9f2, #00b9f2);
  background: -moz-linear-gradient(#00b9f2, #00b9f2);
  background: -o-linear-gradient(#00b9f2, #00b9f2);
  background: -ms-linear-gradient(#00b9f2, #00b9f2);
  background: linear-gradient(#00b9f2, #00b9f2);
}
.dijitButtonActive.btn-warning .dijitButtonNode,
.dijitDropDownButtonActive.btn-warning .dijitButtonNode,
.dijitComboButton.btn-warning .dijitButtonNodeActive,
.dijitToggleButtonActive.btn-warning .dijitButtonNode,
.dijitComboBoxActive.btn-warning .dijitButtonNode,
.dijitSelectActive.btn-warning .dijitButtonContents,
.dijitSelectActive.btn-warning .dijitArrowButton,
.dijitSelect.dijitSelectOpened.btn-warning .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-warning .dijitArrowButton,
.dijitComboBox.btn-warning .dijitButtonNode.dijitHasDropDownOpen,
.dijitSpinner.btn-warning .dijitUpArrowButtonActive,
.dijitSpinner.btn-warning .dijitDownArrowButtonActive,
.btn-warning .esriSimpleSlider div:active,
.btn-warning .esriAddBookmark:active,
.btn-warning .esriButtonActive .dijitButtonNode,
.btn-warning .esriButtonChecked .dijitButtonNode,
.btn-warning .esriToggleButtonActive .dijitButtonNode {
  background: #ec8408;
  background: -webkit-linear-gradient(#f89927, #f89927);
  background: -moz-linear-gradient(#f89927, #f89927);
  background: -o-linear-gradient(#f89927, #f89927);
  background: -ms-linear-gradient(#f89927, #f89927);
  background: linear-gradient(#f89927, #f89927);
}
.dijitButtonActive.btn-danger .dijitButtonNode,
.dijitDropDownButtonActive.btn-danger .dijitButtonNode,
.dijitComboButton.btn-danger .dijitButtonNodeActive,
.dijitToggleButtonActive.btn-danger .dijitButtonNode,
.dijitComboBoxActive.btn-danger .dijitButtonNode,
.dijitSelectActive.btn-danger .dijitButtonContents,
.dijitSelectActive.btn-danger .dijitArrowButton,
.dijitSelect.dijitSelectOpened.btn-danger .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-danger .dijitArrowButton,
.dijitComboBox.btn-danger .dijitButtonNode.dijitHasDropDownOpen,
.dijitSpinner.btn-danger .dijitUpArrowButtonActive,
.dijitSpinner.btn-danger .dijitDownArrowButtonActive,
.btn-danger .esriSimpleSlider div:active,
.btn-danger .esriAddBookmark:active,
.btn-danger .esriButtonActive .dijitButtonNode,
.btn-danger .esriButtonChecked .dijitButtonNode,
.btn-danger .esriToggleButtonActive .dijitButtonNode {
  background: #b94119;
  background: -webkit-linear-gradient(#da4d1e, #da4d1e);
  background: -moz-linear-gradient(#da4d1e, #da4d1e);
  background: -o-linear-gradient(#da4d1e, #da4d1e);
  background: -ms-linear-gradient(#da4d1e, #da4d1e);
  background: linear-gradient(#da4d1e, #da4d1e);
}
.dijitButtonActive.btn-inverse .dijitButtonNode,
.dijitDropDownButtonActive.btn-inverse .dijitButtonNode,
.dijitComboButton.btn-inverse .dijitButtonNodeActive,
.dijitToggleButtonActive.btn-inverse .dijitButtonNode,
.dijitComboBoxActive.btn-inverse .dijitButtonNode,
.dijitSelectActive.btn-inverse .dijitButtonContents,
.dijitSelectActive.btn-inverse .dijitArrowButton,
.dijitSelect.dijitSelectOpened.btn-inverse .dijitButtonContents,
.dijitSelect.dijitSelectOpened.btn-inverse .dijitArrowButton,
.dijitComboBox.btn-inverse .dijitButtonNode.dijitHasDropDownOpen,
.dijitSpinner.btn-inverse .dijitUpArrowButtonActive,
.dijitSpinner.btn-inverse .dijitDownArrowButtonActive,
.btn-inverse .esriSimpleSlider div:active,
.btn-inverse .esriAddBookmark:active,
.btn-inverse .esriButtonActive .dijitButtonNode,
.btn-inverse .esriButtonChecked .dijitButtonNode,
.btn-inverse .esriToggleButtonActive .dijitButtonNode {
  background: #25272c;
  background: -webkit-linear-gradient(#2b2e34, #2b2e34);
  background: -moz-linear-gradient(#2b2e34, #2b2e34);
  background: -o-linear-gradient(#2b2e34, #2b2e34);
  background: -ms-linear-gradient(#2b2e34, #2b2e34);
  background: linear-gradient(#2b2e34, #2b2e34);
}
/* disabled status */
.dijitButtonDisabled,
.dijitDropDownButtonDisabled,
.dijitComboButtonDisabled,
.dijitToggleButtonDisabled {
  outline: none;
}
.dijitButtonDisabled .dijitButtonNode,
.dijitDropDownButtonDisabled .dijitButtonNode,
.dijitComboButtonDisabled .dijitButtonNode,
.dijitToggleButtonDisabled .dijitButtonNode {
  cursor: default;
  opacity: 0.65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
}
.dijitComboButtonDisabled .dijitArrowButton {
  border-left-width: 0;
}
/* ComboButton */
table.dijitComboButton {
  border-collapse: separate; /* override dijit.css so that ComboBox rounded corners work */
}
table.dijitComboButton .dijitStretch {
  -webkit-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
table.dijitComboButton .dijitArrowButton {
  -webkit-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  border-left-width: 0;
}
/* ToggleButton */
.dijitToggleButtonChecked .dijitIcon {
  display: inline-block;
}
/* arrow styles for down/up/left/right directions */
.dijitDropDownButton .dijitArrowButtonInner {
  margin-left: 12px;
}
.dijitDropDownButton .dijitArrowButtonInner,
.dijitArrowButton {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-decoration: inherit;
  vertical-align: bottom;
}
.dijitDropDownButton .dijitArrowButtonInner:before,
.dijitArrowButton:before {
  content: "\f0d7";
}
.dijitLeftArrowButton:before {
  content: "\f0d9";
}
.dijitRightArrowButton:before {
  content: "\f0da";
}
.dijitUpArrowButton:before {
  content: "\f0d8";
}
