ui_alchemy-rails 1.0.4 → 1.0.5

data/vendor/assets/ui_alchemy/alchemy-forms/component.json

@@ -0,0 +1,27 @@
+{
+  "name": "alchemy-forms",
+  "version": "0.0.3",
+  "main": [
+    "./*.js",
+    "./*.scss",
+    "./*.css"
+  ],
+  "dependencies": {
+    "angular": "~1.0.5",
+    "jquery": "~1.9.1",
+    "alchemy": ">=0.0.1",
+    "alchemy-buttons": ">=0.0.1"
+  },
+  "devDependencies": {
+    "angular-mocks": "~1.0.5",
+    "angular-scenario": "~1.0.5"
+  },
+  "gitHead": "002e562a48e8d14642ba34f1f5380335a91d4b28",
+  "_id": "alchemy-forms@0.0.3",
+  "readme": "ERROR: No README.md file found!",
+  "description": "ERROR: No README.md file found!",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/ui-alchemy/alchemy-forms.git"
+  }
+}

data/{app/assets/stylesheets/alchemy/components/forms/_forms.scss → vendor/assets/ui_alchemy/alchemy-forms/forms.scss}

@@ -1,6 +1,6 @@
-@import "alchemy/partials/base";
-@import "alchemy/components/forms/forms_vars";
-@import "alchemy/components/forms/forms_mixins";
+@import "alchemy/alchemy";
+@import "forms_vars";
+@import "forms_mixins";
 
 /*
   =======================================
@@ -90,13 +90,10 @@
   input[type="search"],
   input[type="date"],
   input[type="number"],
-  select,
   textarea {
     width: $input_width;
     padding: 6px $input_padding;
     color: inherit;
-    font-size: 100%;
-    height: 16px;
     outline: none;
     border: 1px solid $border_color;
     margin-bottom: 7px;
@@ -138,9 +135,11 @@
     width: auto;
     max-width: $input_width - $input_padding; //has one more for right padding
     padding: 4px 0 4px $input_padding;
-    height: 30px;
-    line-height: 30px;
-    background-color: white;
+    margin-bottom: 7px;
+    position: relative;
+    top: 2px;
+    font-size: 100%;
+    color: $text_color;
 
     &[multiple="multiple"] {
       background: $white_color;
@@ -541,7 +540,7 @@
   RESPONSIVE
   =======================================
 */
-@import "alchemy/components/forms/forms_responsive";
+@import "forms_responsive";
 
 
 /*
@@ -549,4 +548,4 @@
   IE tweaks
   =======================================
 */
-@import "alchemy/components/forms/forms_ie";
+@import "forms_ie";

data/vendor/assets/ui_alchemy/alchemy-tables/alchemy-tables.css

@@ -0,0 +1,1445 @@
+/*****************
+* Font Types
+*****************/
+/*****************
+* Static
+*****************/
+/*****************
+* Responsive
+*****************/
+/*****************
+* Elements - Global
+*****************/
+/********
+* Images
+*********/
+/*************
+* Base Colors
+**************/
+/****************
+*  Palette Colors
+*****************/
+/* Proposed colour palette
+===========================*/
+/* Generic default tone for non interactive elements */
+/* Favorite greys for warm interactive elements */
+/* Red Hat toners */
+/* Red Hat Official */
+/* Red Hat Apps  - Web Extended
+================================*/
+/* Orange (the letter o) */
+/* Green */
+/* Red */
+/************
+* Theme color
+************/
+/* background for header */
+/* ie9 support */
+/*****************
+* Font Types
+*****************/
+/*****************
+* Static
+*****************/
+/*****************
+* Responsive
+*****************/
+/*****************
+* Elements - Global
+*****************/
+/********
+* Images
+*********/
+/*************
+* Base Colors
+**************/
+/****************
+*  Palette Colors
+*****************/
+/* Proposed colour palette
+===========================*/
+/* Generic default tone for non interactive elements */
+/* Favorite greys for warm interactive elements */
+/* Red Hat toners */
+/* Red Hat Official */
+/* Red Hat Apps  - Web Extended
+================================*/
+/* Orange (the letter o) */
+/* Green */
+/* Red */
+/************
+* Theme color
+************/
+/* background for header */
+/* ie9 support */
+/*
+  =======================================
+  FORMS
+  =======================================
+*/
+/* line 11, ../../app/components/alchemy-forms/forms.scss */
+.form {
+  width: 100%;
+  display: block;
+  line-height: 1;
+  color: #3c3c3c;
+}
+/* line 18, ../../app/components/alchemy-forms/forms.scss */
+.form .control_group,
+.form .control-group {
+  padding: 5px 8px;
+  position: relative;
+  white-space: nowrap;
+}
+/* line 24, ../../app/components/alchemy-forms/forms.scss */
+.form .control_group .label,
+.form .control_group .control-label,
+.form .control-group .label,
+.form .control-group .control-label {
+  width: 200px;
+  float: left;
+  text-align: right;
+  position: relative;
+  padding: 0;
+}
+/* line 32, ../../app/components/alchemy-forms/forms.scss */
+.form .control_group .input,
+.form .control-group .input {
+  margin-left: 200px;
+  position: relative;
+  min-height: 2.5em;
+}
+/* line 39, ../../app/components/alchemy-forms/forms.scss */
+.form fieldset {
+  border: 1px solid #e2e2e2;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+  padding: 0;
+  margin: 0 0 10px;
+  background: #fdfdfd;
+}
+/* line 46, ../../app/components/alchemy-forms/forms.scss */
+.form fieldset legend {
+  width: auto;
+  margin-left: 10px;
+  padding: 3px 5px;
+  color: #b1b1b1;
+  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(90%, rgba(255, 255, 255, 0)));
+  background: -webkit-linear-gradient(#ffffff, rgba(255, 255, 255, 0) 90%);
+  background: -moz-linear-gradient(#ffffff, rgba(255, 255, 255, 0) 90%);
+  background: -o-linear-gradient(#ffffff, rgba(255, 255, 255, 0) 90%);
+  background: linear-gradient(#ffffff, rgba(255, 255, 255, 0) 90%);
+}
+
+/*
+  =======================================
+  INPUTS
+  =======================================
+*/
+/* general */
+/* line 64, ../../app/components/alchemy-forms/forms.scss */
+.form {
+  /* general styling of fields */
+  /* placeholder for various browsers
+     (needs to be separate) */
+  /* remove placeholder on focus
+     (needs to be separate) */
+  /* required field */
+  /* informative values */
+  /* readonly field */
+  /* disabled field */
+  /* warning field */
+  /* error field */
+  /* checking items */
+}
+/* line 67, ../../app/components/alchemy-forms/forms.scss */
+.form .label label,
+.form .control-label label {
+  line-height: 2.5;
+  display: inline-block;
+  padding: 0 20px 0 3px;
+}
+/* line 77, ../../app/components/alchemy-forms/forms.scss */
+.form input,
+.form select,
+.form textarea {
+  font-family: "Liberation Sans", sans-serif;
+}
+/* line 82, ../../app/components/alchemy-forms/forms.scss */
+.form input {
+  line-height: 1.3;
+}
+/* line 93, ../../app/components/alchemy-forms/forms.scss */
+.form input[type="text"],
+.form input[type="password"],
+.form input[type="email"],
+.form input[type="url"],
+.form input[type="search"],
+.form input[type="date"],
+.form input[type="number"],
+.form textarea {
+  width: 280px;
+  padding: 6px 10px;
+  color: inherit;
+  outline: none;
+  border: 1px solid #c8c8c8;
+  margin-bottom: 7px;
+  -webkit-box-shadow: 0 1px 2px 0 #d5d5d5 inset;
+  -moz-box-shadow: 0 1px 2px 0 #d5d5d5 inset;
+  box-shadow: 0 1px 2px 0 #d5d5d5 inset;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+}
+/* line 103, ../../app/components/alchemy-forms/forms.scss */
+.form input[type="text"]:hover,
+.form input[type="password"]:hover,
+.form input[type="email"]:hover,
+.form input[type="url"]:hover,
+.form input[type="search"]:hover,
+.form input[type="date"]:hover,
+.form input[type="number"]:hover,
+.form textarea:hover {
+  border-color: #9a9a9a;
+}
+/* line 107, ../../app/components/alchemy-forms/forms.scss */
+.form input[type="text"]:focus,
+.form input[type="password"]:focus,
+.form input[type="email"]:focus,
+.form input[type="url"]:focus,
+.form input[type="search"]:focus,
+.form input[type="date"]:focus,
+.form input[type="number"]:focus,
+.form textarea:focus {
+  border-color: #35b4ee;
+  -webkit-box-shadow: 0 0 2px #35b4ee;
+  -moz-box-shadow: 0 0 2px #35b4ee;
+  box-shadow: 0 0 2px #35b4ee;
+  -webkit-transition: all 0.17s linear;
+  -moz-transition: all 0.17s linear;
+  -o-transition: all 0.17s linear;
+  transition: all 0.17s linear;
+}
+/* line 115, ../../app/components/alchemy-forms/forms.scss */
+.form input[type="file"],
+.form input[type="range"] {
+  width: auto;
+  max-width: 290px;
+  padding: 6px 0;
+  margin-bottom: 7px;
+}
+/* line 122, ../../app/components/alchemy-forms/forms.scss */
+.form input[type="range"] {
+  width: 290px;
+  padding-top: 4px;
+}
+/* line 127, ../../app/components/alchemy-forms/forms.scss */
+.form input[type="number"] {
+  width: 50px;
+  text-align: left;
+  padding: 4px 10px;
+}
+/* line 133, ../../app/components/alchemy-forms/forms.scss */
+.form select {
+  min-width: 186.66667px;
+  width: auto;
+  max-width: 270px;
+  padding: 4px 0 4px 10px;
+  margin-bottom: 7px;
+  position: relative;
+  top: 2px;
+  font-size: 100%;
+  color: #3c3c3c;
+}
+/* line 144, ../../app/components/alchemy-forms/forms.scss */
+.form select[multiple="multiple"] {
+  background: white;
+  height: auto;
+  line-height: 1.5;
+  border: 1px solid #c8c8c8;
+}
+/* line 152, ../../app/components/alchemy-forms/forms.scss */
+.form textarea {
+  height: auto;
+  resize: none;
+  overflow: auto;
+}
+/* line 160, ../../app/components/alchemy-forms/forms.scss */
+.form input::-webkit-input-placeholder {
+  color: #c8c8c8;
+  font-style: italic;
+}
+/* line 165, ../../app/components/alchemy-forms/forms.scss */
+.form input:-moz-placeholder {
+  color: #c8c8c8;
+  font-style: italic;
+}
+/* line 172, ../../app/components/alchemy-forms/forms.scss */
+.form input:focus::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0);
+}
+/* line 176, ../../app/components/alchemy-forms/forms.scss */
+.form input:focus:-moz-placeholder {
+  color: rgba(255, 255, 255, 0);
+}
+/* line 183, ../../app/components/alchemy-forms/forms.scss */
+.form .required .label,
+.form .required .control-label {
+  position: relative;
+}
+/* line 186, ../../app/components/alchemy-forms/forms.scss */
+.form .required .label:after,
+.form .required .control-label:after {
+  display: inline-block;
+  position: absolute;
+  right: 11px;
+  top: 4px;
+  font-size: 125%;
+  font-weight: bold;
+  content: '*';
+  color: #139edd;
+}
+/* line 200, ../../app/components/alchemy-forms/forms.scss */
+.form .required.warning .label:after,
+.form .required.warning .control-label:after {
+  color: #ff860e;
+}
+/* line 207, ../../app/components/alchemy-forms/forms.scss */
+.form .required.error .label:after,
+.form .required.error .control-label:after {
+  color: #c81e28;
+}
+/* line 214, ../../app/components/alchemy-forms/forms.scss */
+.form .value {
+  display: inline-block;
+  width: 280px;
+  padding: 8px 0;
+  margin-bottom: 7px;
+  line-height: 1.3;
+  font-size: 100%;
+  color: #a7a7a7;
+}
+/* line 227, ../../app/components/alchemy-forms/forms.scss */
+.form .readonly input,
+.form input[readonly="readonly"],
+.form textarea[readonly="readonly"] {
+  color: #a7a7a7;
+}
+/* line 231, ../../app/components/alchemy-forms/forms.scss */
+.form .readonly input:hover, .form .readonly input:focus,
+.form input[readonly="readonly"]:hover,
+.form input[readonly="readonly"]:focus,
+.form textarea[readonly="readonly"]:hover,
+.form textarea[readonly="readonly"]:focus {
+  border: 1px solid #c8c8c8;
+  -webkit-box-shadow: 0 1px 2px 0 #d5d5d5 inset;
+  -moz-box-shadow: 0 1px 2px 0 #d5d5d5 inset;
+  box-shadow: 0 1px 2px 0 #d5d5d5 inset;
+}
+/* line 239, ../../app/components/alchemy-forms/forms.scss */
+.form .disabled label {
+  color: #a2a2a2;
+}
+/* line 245, ../../app/components/alchemy-forms/forms.scss */
+.form input[disabled="disabled"],
+.form textarea[disabled="disabled"] {
+  color: #a2a2a2;
+  background: #f7f7f6;
+  border: 1px solid #c8c8c8;
+}
+/* line 251, ../../app/components/alchemy-forms/forms.scss */
+.form input[disabled="disabled"]:hover, .form input[disabled="disabled"]:focus,
+.form textarea[disabled="disabled"]:hover,
+.form textarea[disabled="disabled"]:focus {
+  border: 1px solid #c8c8c8;
+  -webkit-box-shadow: 0 1px 2px 0 #d5d5d5 inset;
+  -moz-box-shadow: 0 1px 2px 0 #d5d5d5 inset;
+  box-shadow: 0 1px 2px 0 #d5d5d5 inset;
+}
+/* line 257, ../../app/components/alchemy-forms/forms.scss */
+.form select[disabled="disabled"] {
+  color: #a2a2a2;
+}
+/* line 261, ../../app/components/alchemy-forms/forms.scss */
+.form input[type="file"][disabled="disabled"] {
+  color: #a2a2a2;
+  border: 0 none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* line 2, ../../app/components/alchemy-forms/_forms_mixins.scss */
+.form .warning .label {
+  color: #ff860e;
+}
+/* line 6, ../../app/components/alchemy-forms/_forms_mixins.scss */
+.form .warning input {
+  border-color: #ff860e;
+}
+/* line 9, ../../app/components/alchemy-forms/_forms_mixins.scss */
+.form .warning input:hover {
+  border-color: #d06700;
+}
+/* line 13, ../../app/components/alchemy-forms/_forms_mixins.scss */
+.form .warning input:focus {
+  border-color: #ff860e;
+  -webkit-box-shadow: 0 0 2px #ff860e;
+  -moz-box-shadow: 0 0 2px #ff860e;
+  box-shadow: 0 0 2px #ff860e;
+}
+/* line 2, ../../app/components/alchemy-forms/_forms_mixins.scss */
+.form .error .label {
+  color: #c81e28;
+}
+/* line 6, ../../app/components/alchemy-forms/_forms_mixins.scss */
+.form .error input {
+  border-color: #c81e28;
+}
+/* line 9, ../../app/components/alchemy-forms/_forms_mixins.scss */
+.form .error input:hover {
+  border-color: #93161d;
+}
+/* line 13, ../../app/components/alchemy-forms/_forms_mixins.scss */
+.form .error input:focus {
+  border-color: #c81e28;
+  -webkit-box-shadow: 0 0 2px #c81e28;
+  -moz-box-shadow: 0 0 2px #c81e28;
+  box-shadow: 0 0 2px #c81e28;
+}
+/* line 280, ../../app/components/alchemy-forms/forms.scss */
+.form .checkbox .control,
+.form .radio .control {
+  display: block;
+  padding: 1px 0 5px 0;
+}
+/* line 284, ../../app/components/alchemy-forms/forms.scss */
+.form .checkbox .control label,
+.form .radio .control label {
+  padding-right: 15px;
+}
+/* line 289, ../../app/components/alchemy-forms/forms.scss */
+.form .checkbox > label + .control,
+.form .radio > label + .control {
+  display: inline-block;
+}
+/* line 293, ../../app/components/alchemy-forms/forms.scss */
+.form .checkbox.horizontal .control,
+.form .radio.horizontal .control {
+  display: inline-block;
+  margin: 0 5px 0 0;
+}
+/* line 299, ../../app/components/alchemy-forms/forms.scss */
+.form .checkbox:not(.inline) label,
+.form .radio:not(.inline) label {
+  line-height: 2;
+}
+/* line 305, ../../app/components/alchemy-forms/forms.scss */
+.form .checkbox input[type="radio"],
+.form .checkbox input[type="checkbox"],
+.form .radio input[type="radio"],
+.form .radio input[type="checkbox"] {
+  margin: 0 2px 0 0;
+  position: relative;
+  top: 1px;
+}
+/* line 312, ../../app/components/alchemy-forms/forms.scss */
+.form .checkbox.inline .control,
+.form .radio.inline .control {
+  display: inline-block;
+  margin-left: 15px;
+}
+
+/*
+  =======================================
+  MESSAGES
+  =======================================
+*/
+/* line 326, ../../app/components/alchemy-forms/forms.scss */
+.form {
+  /* field validations */
+  /* success message */
+  /* warning message */
+  /* error message */
+}
+/* line 330, ../../app/components/alchemy-forms/forms.scss */
+.form span {
+  display: inline-block;
+  max-width: 280px;
+  line-height: 1.1;
+  vertical-align: middle;
+  font-size: 90%;
+  white-space: normal;
+}
+/* line 343, ../../app/components/alchemy-forms/forms.scss */
+.form .help i {
+  display: inline-block;
+  position: relative;
+  height: 13px;
+  width: 13px;
+  padding-top: 1px;
+  text-align: center;
+  color: #a2a2a2;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  -ms-border-radius: 50%;
+  -o-border-radius: 50%;
+  border-radius: 50%;
+  border: 1px solid #e2e2e2;
+  background: #f7f7f6 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background: #f7f7f6 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ededec));
+  background: #f7f7f6 -webkit-linear-gradient(#ffffff, #ededec);
+  background: #f7f7f6 -moz-linear-gradient(#ffffff, #ededec);
+  background: #f7f7f6 -o-linear-gradient(#ffffff, #ededec);
+  background: #f7f7f6 linear-gradient(#ffffff, #ededec);
+  cursor: default;
+}
+/* line 359, ../../app/components/alchemy-forms/forms.scss */
+.form .help i:hover {
+  color: white;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+  border-color: #585854;
+  background: #585854 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkNmQ2NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYwNjA1YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background: #585854 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6d6d67), color-stop(100%, #60605b));
+  background: #585854 -webkit-linear-gradient(#6d6d67, #60605b);
+  background: #585854 -moz-linear-gradient(#6d6d67, #60605b);
+  background: #585854 -o-linear-gradient(#6d6d67, #60605b);
+  background: #585854 linear-gradient(#6d6d67, #60605b);
+}
+/* line 369, ../../app/components/alchemy-forms/forms.scss */
+.form .help i:after {
+  display: none;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97);
+  opacity: 0.97;
+  content: "";
+  height: 0;
+  width: 0;
+  border-style: solid;
+  border-width: 0 9px 8px 9px;
+  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #6d6d67;
+  position: absolute;
+  bottom: -11px;
+  left: -2px;
+  z-index: 2;
+}
+/* line 385, ../../app/components/alchemy-forms/forms.scss */
+.form .help span {
+  display: none;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97);
+  opacity: 0.97;
+  position: absolute;
+  left: 5px;
+  top: 33px;
+  z-index: 1;
+  width: 160px;
+  padding: 7px 10px 9px 10px;
+  margin: 0;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkNmQ2NyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjNTg1ODU0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6d6d67), color-stop(20%, #585854));
+  background: -webkit-linear-gradient(#6d6d67, #585854 20%);
+  background: -moz-linear-gradient(#6d6d67, #585854 20%);
+  background: -o-linear-gradient(#6d6d67, #585854 20%);
+  background: linear-gradient(#6d6d67, #585854 20%);
+  /* general */
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF585854', endColorstr='#FF585854');
+  /* IE */
+  background-color: #585854;
+  /* fallback */
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6D6D67', endColorstr='#FF585854');
+  color: white;
+  border-color: #585854;
+  text-align: left;
+  line-height: 1.2;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 1px 3px #fbfbfb;
+  -moz-box-shadow: 0 1px 3px #fbfbfb;
+  box-shadow: 0 1px 3px #fbfbfb;
+}
+/* line 407, ../../app/components/alchemy-forms/forms.scss */
+.form .help i:hover:after {
+  display: block;
+}
+/* line 411, ../../app/components/alchemy-forms/forms.scss */
+.form .help i:hover ~ span {
+  display: block;
+}
+/* line 419, ../../app/components/alchemy-forms/forms.scss */
+.form .note {
+  display: block;
+  font-size: 85%;
+  color: #a2a2a2;
+  margin: 0 0 5px 10px;
+}
+/* line 425, ../../app/components/alchemy-forms/forms.scss */
+.form .note strong {
+  font-weight: bold;
+  font-size: 110%;
+}
+/* line 434, ../../app/components/alchemy-forms/forms.scss */
+.form .hint,
+.form .message {
+  position: relative;
+  left: 0;
+  color: #6f6f6f;
+  padding: 9px 10px 7px 10px;
+  margin-left: 10px;
+  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(30%, #f7f7f6));
+  background: -webkit-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: -moz-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: -o-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: linear-gradient(#ffffff, #f7f7f6 30%);
+  /* general */
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F6', endColorstr='#FFF7F7F6');
+  /* IE */
+  background-color: #f7f7f6;
+  /* fallback */
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F6');
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  border: 1px solid #e2e2e2;
+  -webkit-box-shadow: #fbfbfb 0 1px 3px;
+  -moz-box-shadow: #fbfbfb 0 1px 3px;
+  box-shadow: #fbfbfb 0 1px 3px;
+  vertical-align: top;
+}
+/* line 448, ../../app/components/alchemy-forms/forms.scss */
+.form .hint:before, .form .hint:after,
+.form .message:before,
+.form .message:after {
+  content: "";
+  display: block;
+  height: 0;
+  width: 0;
+  border-style: solid;
+  border-width: 8px 8px 8px 0;
+  border-color: rgba(255, 255, 255, 0) #f7f7f6 rgba(255, 255, 255, 0);
+  position: absolute;
+  top: 14px;
+  left: -8px;
+  margin-top: -8px;
+  z-index: 2;
+}
+/* line 463, ../../app/components/alchemy-forms/forms.scss */
+.form .hint:after,
+.form .message:after {
+  border-right-color: #e2e2e2;
+  left: -9px;
+  z-index: 1;
+}
+/* line 470, ../../app/components/alchemy-forms/forms.scss */
+.form .hint {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 320px;
+}
+/* line 476, ../../app/components/alchemy-forms/forms.scss */
+.form .hint.always_visible {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+  position: relative;
+  left: 0;
+}
+/* line 483, ../../app/components/alchemy-forms/forms.scss */
+.form .message ~ .hint {
+  display: none;
+}
+/* line 489, ../../app/components/alchemy-forms/forms.scss */
+.form .control_group input:focus ~ .hint,
+.form .control-group input:focus ~ .hint {
+  -webkit-transition: all 0.29s ease;
+  -moz-transition: all 0.29s ease;
+  -o-transition: all 0.29s ease;
+  transition: all 0.29s ease;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+  left: 305px;
+}
+/* line 494, ../../app/components/alchemy-forms/forms.scss */
+.form .control_group input:focus ~ .hint.always_visible,
+.form .control-group input:focus ~ .hint.always_visible {
+  left: 0;
+}
+/* line 504, ../../app/components/alchemy-forms/forms.scss */
+.form .success .message,
+.form .warning .message,
+.form .error .message {
+  padding-left: 29px;
+  max-width: 261px;
+}
+/* line 511, ../../app/components/alchemy-forms/forms.scss */
+.form .success .message {
+  background: #f7f7f6 url('../../app/images/alchemy/icons/success_icon.png') no-repeat 8px 6px;
+  background: url('../../app/images/alchemy/icons/success_icon.png') no-repeat 8px 6px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+  background: url('../../app/images/alchemy/icons/success_icon.png') no-repeat 8px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(30%, #f7f7f6));
+  background: url('../../app/images/alchemy/icons/success_icon.png') no-repeat 8px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: url('../../app/images/alchemy/icons/success_icon.png') no-repeat 8px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: url('../../app/images/alchemy/icons/success_icon.png') no-repeat 8px 6px, -o-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: url('../../app/images/alchemy/icons/success_icon.png') no-repeat 8px 6px, linear-gradient(#ffffff, #f7f7f6 30%);
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');
+}
+/* line 520, ../../app/components/alchemy-forms/forms.scss */
+.form .warning .message {
+  background: #f7f7f6 url('../../app/images/alchemy/icons/warning_icon.png') no-repeat 7px 6px;
+  background: url('../../app/images/alchemy/icons/warning_icon.png') no-repeat 7px 6px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+  background: url('../../app/images/alchemy/icons/warning_icon.png') no-repeat 7px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(30%, #f7f7f6));
+  background: url('../../app/images/alchemy/icons/warning_icon.png') no-repeat 7px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: url('../../app/images/alchemy/icons/warning_icon.png') no-repeat 7px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: url('../../app/images/alchemy/icons/warning_icon.png') no-repeat 7px 6px, -o-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: url('../../app/images/alchemy/icons/warning_icon.png') no-repeat 7px 6px, linear-gradient(#ffffff, #f7f7f6 30%);
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');
+}
+/* line 529, ../../app/components/alchemy-forms/forms.scss */
+.form .error .message {
+  background: #f7f7f6 url('../../app/images/alchemy/icons/error_icon.png') no-repeat 7px 6px;
+  background: url('../../app/images/alchemy/icons/error_icon.png') no-repeat 7px 6px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+  background: url('../../app/images/alchemy/icons/error_icon.png') no-repeat 7px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(30%, #f7f7f6));
+  background: url('../../app/images/alchemy/icons/error_icon.png') no-repeat 7px 6px, -webkit-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: url('../../app/images/alchemy/icons/error_icon.png') no-repeat 7px 6px, -moz-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: url('../../app/images/alchemy/icons/error_icon.png') no-repeat 7px 6px, -o-linear-gradient(#ffffff, #f7f7f6 30%);
+  background: url('../../app/images/alchemy/icons/error_icon.png') no-repeat 7px 6px, linear-gradient(#ffffff, #f7f7f6 30%);
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');
+}
+
+/*
+  =======================================
+  RESPONSIVE
+  =======================================
+*/
+/* line 5, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.labels_top .control_group .input,
+.form.labels_top .control-group .input {
+  margin: 0 0 5px 0;
+}
+/* line 10, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.labels_top .control_group .label,
+.form.labels_top .control_group .control-label,
+.form.labels_top .control-group .label,
+.form.labels_top .control-group .control-label {
+  float: none;
+  text-align: left;
+  display: inline-block;
+  width: auto;
+}
+/* line 16, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.labels_top .control_group .label label,
+.form.labels_top .control_group .control-label label,
+.form.labels_top .control-group .label label,
+.form.labels_top .control-group .control-label label {
+  padding: 0 8px 0 0;
+  line-height: 1.8;
+}
+/* line 22, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.labels_top .control_group .label.help i,
+.form.labels_top .control_group .control-label.help i,
+.form.labels_top .control-group .label.help i,
+.form.labels_top .control-group .control-label.help i {
+  position: absolute;
+  right: -13px;
+  top: 2px;
+}
+/* line 28, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.labels_top .control_group .label.help span,
+.form.labels_top .control_group .control-label.help span,
+.form.labels_top .control-group .label.help span,
+.form.labels_top .control-group .control-label.help span {
+  left: 60%;
+  top: 27px;
+}
+/* line 37, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.labels_top fieldset legend {
+  margin-left: 3px;
+}
+/* line 42, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.labels_top .value {
+  padding-top: 2px;
+}
+/* line 49, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.labels_top .required .label:after,
+.form.labels_top .required .control-label:after {
+  right: 0;
+  top: 0;
+}
+/* line 55, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.labels_top .required .label.help i,
+.form.labels_top .required .control-label.help i {
+  right: -19px;
+}
+
+/* line 67, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .note {
+  display: block;
+  padding: 10px 10px 6px 10px;
+  margin: 0;
+  border: 1px solid #e2e2e2;
+  border-top-width: 0;
+  -webkit-border-radius: 0 0 3px 3px;
+  -moz-border-radius: 0 0 3px 3px;
+  -ms-border-radius: 0 0 3px 3px;
+  -o-border-radius: 0 0 3px 3px;
+  border-radius: 0 0 3px 3px;
+  position: relative;
+  top: -10px;
+}
+/* line 79, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .hint ~ .note,
+.form.messages_bottom .message ~ .note {
+  background: white;
+  top: -4px;
+  padding-top: 7px;
+  border-top-width: 1px;
+}
+/* line 86, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .message ~ .hint {
+  display: none;
+}
+/* line 91, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .hint,
+.form.messages_bottom .message {
+  display: block;
+  position: relative;
+  left: 0;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+  margin: 3px 0 0 0;
+}
+/* line 99, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .hint:before, .form.messages_bottom .hint:after,
+.form.messages_bottom .message:before,
+.form.messages_bottom .message:after {
+  border-width: 0 8px 8px 8px;
+  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white;
+  top: 0;
+  left: auto;
+  right: 20px;
+}
+/* line 107, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .hint:after,
+.form.messages_bottom .message:after {
+  top: -1px;
+  left: auto;
+  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e2e2e2;
+}
+/* line 113, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .hint:hover,
+.form.messages_bottom .message:hover {
+  left: 0;
+}
+/* line 120, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .control_group input:focus ~ .hint,
+.form.messages_bottom .control-group input:focus ~ .hint {
+  left: 0;
+}
+/* line 128, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .success .message,
+.form.messages_bottom .warning .message,
+.form.messages_bottom .error .message {
+  display: block;
+  margin: 3px 0 0 0;
+}
+/* line 132, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .success .message ~ .hint,
+.form.messages_bottom .warning .message ~ .hint,
+.form.messages_bottom .error .message ~ .hint {
+  margin: 0;
+  position: relative;
+  top: -2px;
+  -webkit-border-radius: 0 0 3px 3px;
+  -moz-border-radius: 0 0 3px 3px;
+  -ms-border-radius: 0 0 3px 3px;
+  -o-border-radius: 0 0 3px 3px;
+  border-radius: 0 0 3px 3px;
+}
+/* line 139, ../../app/components/alchemy-forms/_forms_responsive.scss */
+.form.messages_bottom .success .message ~ .hint:before, .form.messages_bottom .success .message ~ .hint:after,
+.form.messages_bottom .warning .message ~ .hint:before,
+.form.messages_bottom .warning .message ~ .hint:after,
+.form.messages_bottom .error .message ~ .hint:before,
+.form.messages_bottom .error .message ~ .hint:after {
+  display: none;
+}
+
+@media screen and (max-width: 1024px) {
+  /* line 5, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .input,
+  .form .control-group .input {
+    margin: 0 0 5px 0;
+  }
+  /* line 10, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .label,
+  .form .control_group .control-label,
+  .form .control-group .label,
+  .form .control-group .control-label {
+    float: none;
+    text-align: left;
+    display: inline-block;
+    width: auto;
+  }
+  /* line 16, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .label label,
+  .form .control_group .control-label label,
+  .form .control-group .label label,
+  .form .control-group .control-label label {
+    padding: 0 8px 0 0;
+    line-height: 1.8;
+  }
+  /* line 22, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .label.help i,
+  .form .control_group .control-label.help i,
+  .form .control-group .label.help i,
+  .form .control-group .control-label.help i {
+    position: absolute;
+    right: -13px;
+    top: 2px;
+  }
+  /* line 28, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .label.help span,
+  .form .control_group .control-label.help span,
+  .form .control-group .label.help span,
+  .form .control-group .control-label.help span {
+    left: 60%;
+    top: 27px;
+  }
+  /* line 37, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form fieldset legend {
+    margin-left: 3px;
+  }
+  /* line 42, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .value {
+    padding-top: 2px;
+  }
+  /* line 49, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .required .label:after,
+  .form .required .control-label:after {
+    right: 0;
+    top: 0;
+  }
+  /* line 55, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .required .label.help i,
+  .form .required .control-label.help i {
+    right: -19px;
+  }
+}
+@media screen and (max-width: 768px) {
+  /* line 5, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .input,
+  .form .control-group .input {
+    margin: 0 0 5px 0;
+  }
+  /* line 10, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .label,
+  .form .control_group .control-label,
+  .form .control-group .label,
+  .form .control-group .control-label {
+    float: none;
+    text-align: left;
+    display: inline-block;
+    width: auto;
+  }
+  /* line 16, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .label label,
+  .form .control_group .control-label label,
+  .form .control-group .label label,
+  .form .control-group .control-label label {
+    padding: 0 8px 0 0;
+    line-height: 1.8;
+  }
+  /* line 22, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .label.help i,
+  .form .control_group .control-label.help i,
+  .form .control-group .label.help i,
+  .form .control-group .control-label.help i {
+    position: absolute;
+    right: -13px;
+    top: 2px;
+  }
+  /* line 28, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group .label.help span,
+  .form .control_group .control-label.help span,
+  .form .control-group .label.help span,
+  .form .control-group .control-label.help span {
+    left: 60%;
+    top: 27px;
+  }
+  /* line 37, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form fieldset legend {
+    margin-left: 3px;
+  }
+  /* line 42, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .value {
+    padding-top: 2px;
+  }
+  /* line 49, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .required .label:after,
+  .form .required .control-label:after {
+    right: 0;
+    top: 0;
+  }
+  /* line 55, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .required .label.help i,
+  .form .required .control-label.help i {
+    right: -19px;
+  }
+  /* line 67, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .note {
+    display: block;
+    padding: 10px 10px 6px 10px;
+    margin: 0;
+    border: 1px solid #e2e2e2;
+    border-top-width: 0;
+    -webkit-border-radius: 0 0 3px 3px;
+    -moz-border-radius: 0 0 3px 3px;
+    -ms-border-radius: 0 0 3px 3px;
+    -o-border-radius: 0 0 3px 3px;
+    border-radius: 0 0 3px 3px;
+    position: relative;
+    top: -10px;
+  }
+  /* line 79, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .hint ~ .note,
+  .form .message ~ .note {
+    background: white;
+    top: -4px;
+    padding-top: 7px;
+    border-top-width: 1px;
+  }
+  /* line 86, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .message ~ .hint {
+    display: none;
+  }
+  /* line 91, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .hint,
+  .form .message {
+    display: block;
+    position: relative;
+    left: 0;
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+    opacity: 1;
+    margin: 3px 0 0 0;
+  }
+  /* line 99, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .hint:before, .form .hint:after,
+  .form .message:before,
+  .form .message:after {
+    border-width: 0 8px 8px 8px;
+    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) white;
+    top: 0;
+    left: auto;
+    right: 20px;
+  }
+  /* line 107, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .hint:after,
+  .form .message:after {
+    top: -1px;
+    left: auto;
+    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e2e2e2;
+  }
+  /* line 113, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .hint:hover,
+  .form .message:hover {
+    left: 0;
+  }
+  /* line 120, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .control_group input:focus ~ .hint,
+  .form .control-group input:focus ~ .hint {
+    left: 0;
+  }
+  /* line 128, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .success .message,
+  .form .warning .message,
+  .form .error .message {
+    display: block;
+    margin: 3px 0 0 0;
+  }
+  /* line 132, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .success .message ~ .hint,
+  .form .warning .message ~ .hint,
+  .form .error .message ~ .hint {
+    margin: 0;
+    position: relative;
+    top: -2px;
+    -webkit-border-radius: 0 0 3px 3px;
+    -moz-border-radius: 0 0 3px 3px;
+    -ms-border-radius: 0 0 3px 3px;
+    -o-border-radius: 0 0 3px 3px;
+    border-radius: 0 0 3px 3px;
+  }
+  /* line 139, ../../app/components/alchemy-forms/_forms_responsive.scss */
+  .form .success .message ~ .hint:before, .form .success .message ~ .hint:after,
+  .form .warning .message ~ .hint:before,
+  .form .warning .message ~ .hint:after,
+  .form .error .message ~ .hint:before,
+  .form .error .message ~ .hint:after {
+    display: none;
+  }
+}
+/*
+  =======================================
+  IE tweaks
+  =======================================
+*/
+/* line 4, ../../app/components/alchemy-forms/_forms_ie.scss */
+.ie8 .form .help i:hover:after {
+  display: none;
+}
+/* line 8, ../../app/components/alchemy-forms/_forms_ie.scss */
+.ie8 .form .help span {
+  top: 25px;
+}
+/* line 15, ../../app/components/alchemy-forms/_forms_ie.scss */
+.ie8 .form.labels_top .help span {
+  top: 20px;
+}
+/* line 24, ../../app/components/alchemy-forms/_forms_ie.scss */
+.ie8 .form .hint:before, .ie8 .form .hint:after,
+.ie8 .form .message:before,
+.ie8 .form .message:after {
+  display: none;
+}
+/* line 29, ../../app/components/alchemy-forms/_forms_ie.scss */
+.ie8 .form .hint {
+  display: none;
+}
+/* line 32, ../../app/components/alchemy-forms/_forms_ie.scss */
+.ie8 .form .hint.always_visible {
+  display: inline-block;
+}
+/* line 37, ../../app/components/alchemy-forms/_forms_ie.scss */
+.ie8 .form .control_group input:focus ~ .hint {
+  display: block;
+}
+/* line 40, ../../app/components/alchemy-forms/_forms_ie.scss */
+.ie8 .form .control_group input:focus ~ .hint.always_visible {
+  display: inline-block;
+}
+
+/* Will be compiled down to a single stylesheet with your sass files */
+/* line 5, ../../component/styles/tables.scss */
+.table {
+  width: 100%;
+  border: 1px solid #cccccc !important;
+}
+/* line 10, ../../component/styles/tables.scss */
+.table td, .table th {
+  text-align: center !important;
+}
+/* line 14, ../../component/styles/tables.scss */
+.table .active-column {
+  background: #afafaf !important;
+}
+/* line 18, ../../component/styles/tables.scss */
+.table tr.active {
+  background: #139edd !important;
+  color: white !important;
+}
+
+/* line 24, ../../component/styles/tables.scss */
+.table-selection-row {
+  background: #ffcf69;
+  text-align: center !important;
+}
+
+/* line 29, ../../component/styles/tables.scss */
+.table-toolbar {
+  background: #eeeeee;
+  overflow: auto;
+  padding: 10px 12px 4px 12px;
+  box-sizing: border-box;
+  border: 1px solid #cccccc;
+  border-radius: 5px 5px 0 0;
+}
+
+/* line 38, ../../component/styles/tables.scss */
+.deselect {
+  line-height: 2 !important;
+}
+
+/* line 44, ../../component/styles/tables.scss */
+.stable tr:last-child {
+  border-collapse: separate !important;
+  border-bottom: 1px solid #cccccc;
+}
+/* line 48, ../../component/styles/tables.scss */
+.stable tr:last-child td {
+  border-collapse: separate !important;
+  border-bottom: 1px solid #cccccc;
+}
+
+@media (min-width: 480px) {
+  /* line 56, ../../component/styles/tables.scss */
+  .stable {
+    -webkit-transform: translate3d(0, 0, 0);
+    color: #555;
+    color: rgba(0, 0, 0, 0.75);
+    background-color: transparent;
+    border-collapse: collapse;
+    border-spacing: 0;
+    border-style: none;
+    width: 100%;
+    line-height: 1.333em;
+    transition: all 1s ease;
+  }
+  /* line 66, ../../component/styles/tables.scss */
+  .stable td, .stable th {
+    text-align: left;
+    border-bottom: 1px solid #eeeeee;
+    border-bottom-color: rgba(0, 0, 0, 0.033);
+    padding: .66666em;
+    transition: padding 0.1s ease;
+  }
+  /* line 74, ../../component/styles/tables.scss */
+  .stable th {
+    color: #555;
+    color: rgba(0, 0, 0, 0.75);
+    transition: all 0.5s ease;
+  }
+}
+/* line 82, ../../component/styles/tables.scss */
+.stable.focus th {
+  color: #555;
+  color: rgba(0, 0, 0, 0.75);
+  transition: all 0.5s ease;
+}
+/* line 86, ../../component/styles/tables.scss */
+.stable.focus tr:hover td,
+.stable.focus tr.focus td {
+  background-color: #139edd;
+  color: #FFF;
+}
+/* line 90, ../../component/styles/tables.scss */
+.stable.focus.focus:hover {
+  transition: all 1s ease 2s;
+  color: rgba(90, 90, 90, 0.5);
+}
+/* line 96, ../../component/styles/tables.scss */
+.stable.focus.focus:hover td, .stable.focus.focus:hover th {
+  transition: none;
+}
+/* line 98, ../../component/styles/tables.scss */
+.stable.focus.focus:hover th {
+  transition: all 0.5s ease 0.5s;
+  color: #555;
+  color: rgba(0, 0, 0, 0.75);
+}
+
+@media (max-width: 512px) {
+  /* line 111, ../../component/styles/tables.scss */
+  .stable,
+  .stable tr,
+  .stable td,
+  .stable th,
+  .stable thead {
+    display: block;
+    width: 100%;
+    padding: .333em;
+  }
+
+  /* line 117, ../../component/styles/tables.scss */
+  .stable th {
+    display: none;
+  }
+  /* line 118, ../../component/styles/tables.scss */
+  .stable tr th:first-child, .stable td:first-child {
+    font-size: 2em;
+    padding: .3333em;
+    margin-top: 1em;
+    width: 100%;
+  }
+}
+/* line 129, ../../component/styles/tables.scss */
+.stable.condensed td, .stable.condensed th {
+  padding: .3333em;
+}
+
+/*manually classed as condensed*/
+@media (max-height: 640px) {
+  /* line 132, ../../component/styles/tables.scss */
+  .stable td, .stable th {
+    padding-top: .3333em;
+    padding-bottom: .3333em;
+  }
+}
+@media (max-width: 740px) {
+  /*when things are horizontally narrow we add in divider lines so numerical fields are still seen as separate*/
+  /* line 137, ../../component/styles/tables.scss */
+  .stable td, .stable th {
+    padding-left: .3333em;
+    padding-right: .3333em;
+    border-left: 1px solid rgba(0, 0, 0, 0.05) !important;
+  }
+  /* line 138, ../../component/styles/tables.scss */
+  .stable td:first-child, .stable th:first-child {
+    border-left: none !important;
+  }
+}
+/* line 144, ../../component/styles/tables.scss */
+.stable.stripe-row tr:nth-child(2n+2), .stable.stripe-row-even tr:nth-child(2n+2) {
+  background-color: rgba(194, 200, 202, 0.15);
+}
+/* line 148, ../../component/styles/tables.scss */
+.stable.stripe-row-odd tr:nth-child(2n+1) {
+  background-color: rgba(194, 200, 202, 0.15);
+}
+/* line 158, ../../component/styles/tables.scss */
+.stable.stripe-col tr th:nth-child(even),
+.stable.stripe-col tr td:nth-child(even), .stable.stripe-col-even tr th:nth-child(even),
+.stable.stripe-col-even tr td:nth-child(even) {
+  background-color: rgba(194, 200, 202, 0.15);
+  border-color: rgba(194, 200, 202, 0.15);
+}
+/* line 165, ../../component/styles/tables.scss */
+.stable.stripe-col-odd tr th:nth-child(odd),
+.stable.stripe-col-odd tr td:nth-child(odd) {
+  background-color: rgba(194, 200, 202, 0.15);
+  border-color: rgba(194, 200, 202, 0.15);
+}
+/* line 173, ../../component/styles/tables.scss */
+.stable.highlight-col1 tr th:nth-child(1),
+.stable.highlight-col1 tr td:nth-child(1) {
+  background-color: rgba(255, 255, 255, 0.5);
+  border-color: #dde1e2;
+  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+  z-index: 2;
+  position: relative;
+}
+/* line 181, ../../component/styles/tables.scss */
+.stable.highlight-col2 tr th:nth-child(2),
+.stable.highlight-col2 tr td:nth-child(2) {
+  background-color: rgba(255, 255, 255, 0.5);
+  border-color: #dde1e2;
+  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+  z-index: 2;
+  position: relative;
+}
+/* line 189, ../../component/styles/tables.scss */
+.stable.highlight-col3 tr th:nth-child(3),
+.stable.highlight-col3 tr td:nth-child(3) {
+  background-color: rgba(255, 255, 255, 0.5);
+  border-color: #dde1e2;
+  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+  z-index: 2;
+  position: relative;
+}
+/* line 197, ../../component/styles/tables.scss */
+.stable.highlight-col4 tr th:nth-child(4),
+.stable.highlight-col4 tr td:nth-child(4) {
+  background-color: rgba(255, 255, 255, 0.5);
+  border-color: #dde1e2;
+  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+  z-index: 2;
+  position: relative;
+}
+/* line 205, ../../component/styles/tables.scss */
+.stable.highlight-col5 tr th:nth-child(5),
+.stable.highlight-col5 tr td:nth-child(5) {
+  background-color: rgba(255, 255, 255, 0.5);
+  border-color: #dde1e2;
+  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+  z-index: 2;
+  position: relative;
+}
+/* line 214, ../../component/styles/tables.scss */
+.stable.highlight-col6 tr th:nth-child(6),
+.stable.highlight-col6 tr td:nth-child(6) {
+  background-color: rgba(255, 255, 255, 0.5);
+  border-color: #dde1e2;
+  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+  z-index: 2;
+  position: relative;
+}
+
+/* line 5, ../../app/styles/example.scss */
+.fl {
+  float: left;
+}
+
+/* line 6, ../../app/styles/example.scss */
+.fr {
+  float: right;
+}
+
+/*
+Syntax error: Undefined variable: "$primary_color".
+        on line 3 of /home/ehelms/workspace/alchemy-tables/component/styles/tables.scss
+        from line 3 of /home/ehelms/workspace/alchemy-tables/app/styles/main.scss
+
+1: /home/ehelms/workspace/alchemy-tables/app/styles/main.scss
+
+Backtrace:
+/home/ehelms/workspace/alchemy-tables/component/styles/tables.scss:3
+/home/ehelms/workspace/alchemy-tables/app/styles/main.scss:3
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/script/variable.rb:49:in `_perform'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/script/node.rb:40:in `perform'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:327:in `visit_variable'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:37:in `visit'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:100:in `visit'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:227:in `block in visit_import'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:227:in `map'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:227:in `visit_import'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:37:in `visit'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:100:in `visit'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:53:in `block in visit_children'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:53:in `map'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:53:in `visit_children'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:109:in `block in visit_children'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:121:in `with_environment'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:108:in `visit_children'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:37:in `block in visit'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:128:in `visit_root'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:37:in `visit'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:100:in `visit'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:7:in `visit'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/tree/root_node.rb:20:in `render'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/engine.rb:315:in `_render'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/sass-3.2.6/lib/sass/engine.rb:262:in `render'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:140:in `block (2 levels) in compile'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:139:in `block in compile'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/logger.rb:45:in `red'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:138:in `compile'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:118:in `compile_if_required'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:103:in `block (2 levels) in run'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `each'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `block in run'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/compiler.rb:100:in `run'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/commands/update_project.rb:45:in `perform'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/commands/base.rb:18:in `execute'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/commands/project_base.rb:19:in `execute'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:43:in `perform!'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:15:in `run!'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/bin/compass:30:in `block in <top (required)>'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/bin/compass:44:in `call'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/gems/compass-0.12.2/bin/compass:44:in `<top (required)>'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/bin/compass:19:in `load'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/bin/compass:19:in `<main>'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/bin/ruby_noexec_wrapper:14:in `eval'
+/home/ehelms/.rvm/gems/ruby-1.9.3-p385@workbench/bin/ruby_noexec_wrapper:14:in `<main>'
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Syntax error: Undefined variable: \"$primary_color\".\A         on line 3 of /home/ehelms/workspace/alchemy-tables/component/styles/tables.scss\A         from line 3 of /home/ehelms/workspace/alchemy-tables/app/styles/main.scss\A \A 1: /home/ehelms/workspace/alchemy-tables/app/styles/main.scss"; }