{{#TEMPLATE_OPTION_GROUPS}}
[
  {
    "NAME": "SIZE",
    "DISPLAY_NAME": "Size",
    "DISPLAY_SEQUENCE": 2,
    "HELP_TEXT": "",
    "NULL_TEXT": "Default",
    "IS_ADVANCED": "N",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "LARGE",
        "DISPLAY_NAME": "Large",
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "btn-large",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BACKGROUND_COLOR",
    "DISPLAY_NAME": "Background Color",
    "DISPLAY_SEQUENCE": 3,
    "HELP_TEXT": "",
    "NULL_TEXT": "",
    "IS_ADVANCED": "N",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BTN_BG_BLACK",
        "DISPLAY_NAME": "Black",
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "black",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_WHITE",
        "DISPLAY_NAME": "White",
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "white",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_TRANSPARENT",
        "DISPLAY_NAME": "Transparent",
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "transparent",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_RED",
        "DISPLAY_NAME": "Red",
        "DISPLAY_SEQUENCE": 4,
        "CSS_CLASSES": "red",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_PINK",
        "DISPLAY_NAME": "Pink",
        "DISPLAY_SEQUENCE": 5,
        "CSS_CLASSES": "pink",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_PURPLE",
        "DISPLAY_NAME": "Purple",
        "DISPLAY_SEQUENCE": 6,
        "CSS_CLASSES": "purple",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_DEEP_PURPLE",
        "DISPLAY_NAME": "Deep Purple",
        "DISPLAY_SEQUENCE": 7,
        "CSS_CLASSES": "deep-purple",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_INDIGO",
        "DISPLAY_NAME": "Indigo",
        "DISPLAY_SEQUENCE": 8,
        "CSS_CLASSES": "indigo",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_BLUE",
        "DISPLAY_NAME": "Blue",
        "DISPLAY_SEQUENCE": 9,
        "CSS_CLASSES": "blue",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_LIGHT_BLUE",
        "DISPLAY_NAME": "Light Blue",
        "DISPLAY_SEQUENCE": 10,
        "CSS_CLASSES": "light-blue",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_CYAN",
        "DISPLAY_NAME": "Cyan",
        "DISPLAY_SEQUENCE": 11,
        "CSS_CLASSES": "cyan",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_TEAL",
        "DISPLAY_NAME": "Teal",
        "DISPLAY_SEQUENCE": 12,
        "CSS_CLASSES": "teal",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_GREEN",
        "DISPLAY_NAME": "Green",
        "DISPLAY_SEQUENCE": 13,
        "CSS_CLASSES": "green",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_LIGHT_GREEN",
        "DISPLAY_NAME": "Light Green",
        "DISPLAY_SEQUENCE": 14,
        "CSS_CLASSES": "light-green",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_LIME",
        "DISPLAY_NAME": "Lime",
        "DISPLAY_SEQUENCE": 15,
        "CSS_CLASSES": "lime",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_YELLOW",
        "DISPLAY_NAME": "Yellow",
        "DISPLAY_SEQUENCE": 16,
        "CSS_CLASSES": "yellow",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_AMBER",
        "DISPLAY_NAME": "Amber",
        "DISPLAY_SEQUENCE": 17,
        "CSS_CLASSES": "amber",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_ORANGE",
        "DISPLAY_NAME": "Orange",
        "DISPLAY_SEQUENCE": 18,
        "CSS_CLASSES": "orange",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_DEEP_ORANGE",
        "DISPLAY_NAME": "Deep Orange",
        "DISPLAY_SEQUENCE": 19,
        "CSS_CLASSES": "deep-orange",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_BROWN",
        "DISPLAY_NAME": "Brown",
        "DISPLAY_SEQUENCE": 20,
        "CSS_CLASSES": "brown",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_GREY",
        "DISPLAY_NAME": "Grey",
        "DISPLAY_SEQUENCE": 21,
        "CSS_CLASSES": "grey",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_BLUE_GREY",
        "DISPLAY_NAME": "Blue Grey",
        "DISPLAY_SEQUENCE": 22,
        "CSS_CLASSES": "blue-grey",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BACKGROUND_MODIFIER",
    "DISPLAY_NAME": "Background Modifier",
    "DISPLAY_SEQUENCE": 4,
    "HELP_TEXT": "",
    "NULL_TEXT": "",
    "IS_ADVANCED": "N",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BTN_BG_ACCENT_1",
        "DISPLAY_NAME": "Accent 1",
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "accent-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_ACCENT_2",
        "DISPLAY_NAME": "Accent 2",
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "accent-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_ACCENT_3",
        "DISPLAY_NAME": "Accent 3",
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "accent-3",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_ACCENT_4",
        "DISPLAY_NAME": "Accent 4",
        "DISPLAY_SEQUENCE": 4,
        "CSS_CLASSES": "accent-4",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_DARKEN_1",
        "DISPLAY_NAME": "Darken 1",
        "DISPLAY_SEQUENCE": 5,
        "CSS_CLASSES": "darken-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_DARKEN_2",
        "DISPLAY_NAME": "Darken 2",
        "DISPLAY_SEQUENCE": 6,
        "CSS_CLASSES": "darken-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_DARKEN_3",
        "DISPLAY_NAME": "Darken 3",
        "DISPLAY_SEQUENCE": 7,
        "CSS_CLASSES": "darken-3",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_DARKEN_4",
        "DISPLAY_NAME": "Darken 4",
        "DISPLAY_SEQUENCE": 8,
        "CSS_CLASSES": "darken-4",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_LIGHTEN_1",
        "DISPLAY_NAME": "Lighten 1",
        "DISPLAY_SEQUENCE": 9,
        "CSS_CLASSES": "lighten-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_LIGHTEN_2",
        "DISPLAY_NAME": "Lighten 2",
        "DISPLAY_SEQUENCE": 10,
        "CSS_CLASSES": "lighten-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_LIGHTEN_3",
        "DISPLAY_NAME": "Lighten 3",
        "DISPLAY_SEQUENCE": 11,
        "CSS_CLASSES": "lighten-3",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_LIGHTEN_4",
        "DISPLAY_NAME": "Lighten 4",
        "DISPLAY_SEQUENCE": 12,
        "CSS_CLASSES": "lighten-4",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_BG_LIGHTEN_5",
        "DISPLAY_NAME": "Lighten 5",
        "DISPLAY_SEQUENCE": 13,
        "CSS_CLASSES": "lighten-5",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "TEXT_COLOR",
    "DISPLAY_NAME": "Text Color",
    "DISPLAY_SEQUENCE": 5,
    "HELP_TEXT": "",
    "NULL_TEXT": "",
    "IS_ADVANCED": "N",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BTN_TEXT_BLACK",
        "DISPLAY_NAME": "Black",
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "black-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_AMBER",
        "DISPLAY_NAME": "Amber",
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "amber-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_BLUE_GREY",
        "DISPLAY_NAME": "Blue Grey",
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "blue-grey-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_BLUE",
        "DISPLAY_NAME": "Blue",
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "blue-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_BROWN",
        "DISPLAY_NAME": "Brown",
        "DISPLAY_SEQUENCE": 4,
        "CSS_CLASSES": "brown-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_CYAN",
        "DISPLAY_NAME": "Cyan",
        "DISPLAY_SEQUENCE": 5,
        "CSS_CLASSES": "cyan-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_DEEP_ORANGE",
        "DISPLAY_NAME": "Deep Orange",
        "DISPLAY_SEQUENCE": 6,
        "CSS_CLASSES": "deep-orange-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_DEEP_PURPLE",
        "DISPLAY_NAME": "Deep Deep Purple",
        "DISPLAY_SEQUENCE": 7,
        "CSS_CLASSES": "deep-purple-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_GREEN",
        "DISPLAY_NAME": "Green",
        "DISPLAY_SEQUENCE": 8,
        "CSS_CLASSES": "green-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_GREY",
        "DISPLAY_NAME": "Grey",
        "DISPLAY_SEQUENCE": 9,
        "CSS_CLASSES": "grey-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_INDIGO",
        "DISPLAY_NAME": "Light Indigo",
        "DISPLAY_SEQUENCE": 10,
        "CSS_CLASSES": "indigo-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_LIGHT_BLUE",
        "DISPLAY_NAME": "Light Blue",
        "DISPLAY_SEQUENCE": 11,
        "CSS_CLASSES": "light-blue-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_LIGHT_GREEN",
        "DISPLAY_NAME": "Light Green",
        "DISPLAY_SEQUENCE": 12,
        "CSS_CLASSES": "light-green-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_LIME",
        "DISPLAY_NAME": "Lime",
        "DISPLAY_SEQUENCE": 13,
        "CSS_CLASSES": "lime-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_ORANGE",
        "DISPLAY_NAME": "Light Orange",
        "DISPLAY_SEQUENCE": 14,
        "CSS_CLASSES": "orange-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_PINK",
        "DISPLAY_NAME": "Pink",
        "DISPLAY_SEQUENCE": 15,
        "CSS_CLASSES": "pink-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_PURPLE",
        "DISPLAY_NAME": "Purple",
        "DISPLAY_SEQUENCE": 16,
        "CSS_CLASSES": "purple-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_RED",
        "DISPLAY_NAME": "Red",
        "DISPLAY_SEQUENCE": 17,
        "CSS_CLASSES": "red-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_TEAL",
        "DISPLAY_NAME": "Teal",
        "DISPLAY_SEQUENCE": 18,
        "CSS_CLASSES": "teal-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_WHITE",
        "DISPLAY_NAME": "White",
        "DISPLAY_SEQUENCE": 19,
        "CSS_CLASSES": "white-text",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BTN_TEXT_YELLOW",
        "DISPLAY_NAME": "Yellow",
        "DISPLAY_SEQUENCE": 20,
        "CSS_CLASSES": "yellow-text",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "WAVE_EFFECT",
    "DISPLAY_NAME": "Wave Effect",
    "DISPLAY_SEQUENCE": 6,
    "HELP_TEXT": "",
    "NULL_TEXT": "None",
    "IS_ADVANCED": "N",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "GREEN",
        "DISPLAY_NAME": "Green",
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "waves-effect waves-green",
        "HELP_TEXT": ""
      },
      {
        "NAME": "LIGHT",
        "DISPLAY_NAME": "Light",
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "waves-effect waves-light",
        "HELP_TEXT": ""
      },
      {
        "NAME": "ORANGE",
        "DISPLAY_NAME": "Orange",
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "waves-effect waves-orange",
        "HELP_TEXT": ""
      },
      {
        "NAME": "PURPLE",
        "DISPLAY_NAME": "Purple",
        "DISPLAY_SEQUENCE": 4,
        "CSS_CLASSES": "waves-effect waves-purple",
        "HELP_TEXT": ""
      },
      {
        "NAME": "RED",
        "DISPLAY_NAME": "Red",
        "DISPLAY_SEQUENCE": 5,
        "CSS_CLASSES": "waves-effect waves-red",
        "HELP_TEXT": ""
      },
      {
        "NAME": "TEAL",
        "DISPLAY_NAME": "Teal",
        "DISPLAY_SEQUENCE": 6,
        "CSS_CLASSES": "waves-effect waves-teal",
        "HELP_TEXT": ""
      },
      {
        "NAME": "WAVE_DEFAULT",
        "DISPLAY_NAME": "Default",
        "DISPLAY_SEQUENCE": 7,
        "CSS_CLASSES": "waves-effect",
        "HELP_TEXT": ""
      },
      {
        "NAME": "WAVE_NONE",
        "DISPLAY_NAME": "None",
        "DISPLAY_SEQUENCE": 8,
        "CSS_CLASSES": "wave-none",
        "HELP_TEXT": ""
      },
      {
        "NAME": "YELLOW",
        "DISPLAY_NAME": "Yellow",
        "DISPLAY_SEQUENCE": 9,
        "CSS_CLASSES": "waves-effect waves-yellow",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "SHADOW",
    "DISPLAY_NAME": "Shadow",
    "DISPLAY_SEQUENCE": 7,
    "HELP_TEXT": "",
    "NULL_TEXT": "",
    "IS_ADVANCED": "N",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "DEPTH_0",
        "DISPLAY_NAME": "Depth 0",
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "z-depth-0",
        "HELP_TEXT": ""
      },
      {
        "NAME": "DEPTH_1",
        "DISPLAY_NAME": "Depth 1",
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "z-depth-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "DEPTH_2",
        "DISPLAY_NAME": "Depth 2",
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "z-depth-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "DEPTH_3",
        "DISPLAY_NAME": "Depth 3",
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "z-depth-3",
        "HELP_TEXT": ""
      },
      {
        "NAME": "DEPTH_4",
        "DISPLAY_NAME": "Depth 4",
        "DISPLAY_SEQUENCE": 4,
        "CSS_CLASSES": "z-depth-4",
        "HELP_TEXT": ""
      },
      {
        "NAME": "DEPTH_5",
        "DISPLAY_NAME": "Depth 5",
        "DISPLAY_SEQUENCE": 5,
        "CSS_CLASSES": "z-depth-5",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "HIDING_CONTENT",
    "DISPLAY_NAME": "Hiding Content",
    "DISPLAY_SEQUENCE": 800,
    "HELP_TEXT": "",
    "NULL_TEXT": "",
    "IS_ADVANCED": "Y",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "B_HIDDEN_ALL_DEVICES",
        "DISPLAY_NAME": "Hidden for All Devices",
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "hide",
        "HELP_TEXT": ""
      },
      {
        "NAME": "B_HIDDEN_SMALL_ONLY",
        "DISPLAY_NAME": "Hidden for Small Only",
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "hide-on-small-only",
        "HELP_TEXT": ""
      },
      {
        "NAME": "B_HIDDEN_MEDIUM_ONLY",
        "DISPLAY_NAME": "Hidden for Medium Only",
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "hide-on-med-only",
        "HELP_TEXT": ""
      },
      {
        "NAME": "B_HIDDEN_LARGE_ONLY",
        "DISPLAY_NAME": "Hidden for Large Only",
        "DISPLAY_SEQUENCE": 4,
        "CSS_CLASSES": "hide-on-large-only",
        "HELP_TEXT": ""
      },
      {
        "NAME": "B_HIDDEN_MEDIUM_AND_BELOW",
        "DISPLAY_NAME": "Hidden for Medium and Below",
        "DISPLAY_SEQUENCE": 5,
        "CSS_CLASSES": "hide-on-med-and-down",
        "HELP_TEXT": ""
      },
      {
        "NAME": "B_HIDDEN_MEDIUM_AND_ABOVE",
        "DISPLAY_NAME": "Hidden for Medium and Above",
        "DISPLAY_SEQUENCE": 6,
        "CSS_CLASSES": "hide-on-med-and-up",
        "HELP_TEXT": ""
      },
      {
        "NAME": "B_HIDDEN_SMALL_AND_LARGE",
        "DISPLAY_NAME": "Hidden for Small and Large",
        "DISPLAY_SEQUENCE": 7,
        "CSS_CLASSES": "hide-on-small-only hide-on-large-only",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BUTTON_MARGIN_TOP",
    "DISPLAY_NAME": "Margin top",
    "DISPLAY_SEQUENCE": 900,
    "HELP_TEXT": "Apply \"Margin top\" to any element with a template option.",
    "NULL_TEXT": "",
    "IS_ADVANCED": "Y",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BUTTON_MARGINTOP0",
        "DISPLAY_NAME": 0,
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "m-t-0",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINTOP1",
        "DISPLAY_NAME": 1,
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "m-t-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINTOP2",
        "DISPLAY_NAME": 2,
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "m-t-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINTOP3",
        "DISPLAY_NAME": 3,
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "m-t-3",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BUTTON_MARGIN_BOTTOM",
    "DISPLAY_NAME": "--------- bottom",
    "DISPLAY_SEQUENCE": 901,
    "HELP_TEXT": "Apply \"Margin bottom\" to any element with a template option.",
    "NULL_TEXT": "",
    "IS_ADVANCED": "Y",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BUTTON_MARGINBOT0",
        "DISPLAY_NAME": 0,
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "m-b-0",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINBOT1",
        "DISPLAY_NAME": 1,
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "m-b-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINBOT2",
        "DISPLAY_NAME": 2,
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "m-b-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINBOT3",
        "DISPLAY_NAME": 3,
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "m-b-3",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BUTTON_MARGIN_RIGHT",
    "DISPLAY_NAME": "--------- right",
    "DISPLAY_SEQUENCE": 902,
    "HELP_TEXT": "Apply \"Margin right\" to any element with a template option.",
    "NULL_TEXT": "",
    "IS_ADVANCED": "Y",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BUTTON_MARGINRIGHT0",
        "DISPLAY_NAME": 0,
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "m-r-0",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINRIGHT1",
        "DISPLAY_NAME": 1,
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "m-r-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINRIGHT2",
        "DISPLAY_NAME": 2,
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "m-r-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINRIGHT3",
        "DISPLAY_NAME": 3,
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "m-r-3",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BUTTON_MARGIN_LEFT",
    "DISPLAY_NAME": "--------- left",
    "DISPLAY_SEQUENCE": 903,
    "HELP_TEXT": "Apply \"Margin left\" to any element with a template option.",
    "NULL_TEXT": "",
    "IS_ADVANCED": "Y",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BUTTON_MARGINLEFT0",
        "DISPLAY_NAME": 0,
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "m-l-0",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINLEFT1",
        "DISPLAY_NAME": 1,
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "m-l-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINLEFT2",
        "DISPLAY_NAME": 2,
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "m-l-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_MARGINLEFT3",
        "DISPLAY_NAME": 3,
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "m-l-3",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BUTTON_PADDING_TOP",
    "DISPLAY_NAME": "Padding top",
    "DISPLAY_SEQUENCE": 910,
    "HELP_TEXT": "Apply \"Padding top\" to any element with a template option.",
    "NULL_TEXT": "",
    "IS_ADVANCED": "Y",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BUTTON_PADDINGTOP0",
        "DISPLAY_NAME": 0,
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "p-t-0",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGTOP1",
        "DISPLAY_NAME": 1,
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "p-t-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGTOP2",
        "DISPLAY_NAME": 2,
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "p-t-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGTOP3",
        "DISPLAY_NAME": 3,
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "p-t-3",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BUTTON_PADDING_BOTTOM",
    "DISPLAY_NAME": "----------- bottom",
    "DISPLAY_SEQUENCE": 911,
    "HELP_TEXT": "Apply \"Padding bottom\" to any element with a template option.",
    "NULL_TEXT": "",
    "IS_ADVANCED": "Y",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BUTTON_PADDINGBOT0",
        "DISPLAY_NAME": 0,
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "p-b-0",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGBOT1",
        "DISPLAY_NAME": 1,
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "p-b-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGBOT2",
        "DISPLAY_NAME": 2,
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "p-b-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGBOT3",
        "DISPLAY_NAME": 3,
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "p-b-3",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BUTTON_PADDING_RIGHT",
    "DISPLAY_NAME": "----------- right",
    "DISPLAY_SEQUENCE": 912,
    "HELP_TEXT": "Apply \"Padding right\" to any element with a template option.",
    "NULL_TEXT": "",
    "IS_ADVANCED": "Y",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BUTTON_PADDINGRIGHT0",
        "DISPLAY_NAME": 0,
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "p-r-0",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGRIGHT1",
        "DISPLAY_NAME": 1,
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "p-r-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGRIGHT2",
        "DISPLAY_NAME": 2,
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "p-r-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGRIGHT3",
        "DISPLAY_NAME": 3,
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "p-r-3",
        "HELP_TEXT": ""
      }
    ]
  },
  {
    "NAME": "BUTTON_PADDING_LEFT",
    "DISPLAY_NAME": "----------- left",
    "DISPLAY_SEQUENCE": 913,
    "HELP_TEXT": "Apply \"Padding left\" to any element with a template option.",
    "NULL_TEXT": "",
    "IS_ADVANCED": "Y",
    "TEMPLATE_OPTIONS": [
      {
        "NAME": "BUTTON_PADDINGLEFT0",
        "DISPLAY_NAME": 0,
        "DISPLAY_SEQUENCE": 0,
        "CSS_CLASSES": "p-l-0",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGLEFT1",
        "DISPLAY_NAME": 1,
        "DISPLAY_SEQUENCE": 1,
        "CSS_CLASSES": "p-l-1",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGLEFT2",
        "DISPLAY_NAME": 2,
        "DISPLAY_SEQUENCE": 2,
        "CSS_CLASSES": "p-l-2",
        "HELP_TEXT": ""
      },
      {
        "NAME": "BUTTON_PADDINGLEFT3",
        "DISPLAY_NAME": 3,
        "DISPLAY_SEQUENCE": 3,
        "CSS_CLASSES": "p-l-3",
        "HELP_TEXT": ""
      }
    ]
  }
]
{{/TEMPLATE_OPTION_GROUPS}}
{{#TEMPLATE_OPTIONS}}
[
  {
    "NAME": "BUTTON_PULSE",
    "DISPLAY_NAME": "Pulse",
    "DISPLAY_SEQUENCE": 3,
    "CSS_CLASSES": "pulse",
    "HELP_TEXT": "Draw attention to your buttons with this subtle but captivating effect.",
    "IS_ADVANCED": ""
  }
]
{{/TEMPLATE_OPTIONS}}
