ui_alchemy-rails 1.0.4 → 1.0.5

data/{app/assets/stylesheets/alchemy/components/buttons/_buttons.scss → vendor/assets/ui_alchemy/alchemy-buttons/buttons.scss}

@@ -1,5 +1,5 @@
-@import "alchemy/partials/base";
-@import "alchemy/components/buttons/buttons_vars";
+@import "alchemy/alchemy";
+@import "buttons_vars";
 
 /*
    ====================================
@@ -167,7 +167,7 @@ button {
     &:hover,
     &:active {
       @include background(
-        image-url("alchemy/icons/spinner.gif") no-repeat 50% 50%,
+        url("images/spinner.gif") no-repeat 50% 50%,
         linear-gradient(lighten($btn_neutral_color, 17%), lighten($btn_neutral_color, 6%)));
     }
   }

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

@@ -0,0 +1,26 @@
+{
+  "name": "alchemy-buttons",
+  "version": "0.0.3",
+  "main": [
+    "./*.js",
+    "./*.scss",
+    "./*.css"
+  ],
+  "dependencies": {
+    "angular": "~1.0.5",
+    "jquery": "~1.9.1",
+    "alchemy": ">=0.0.1"
+  },
+  "devDependencies": {
+    "angular-mocks": "~1.0.5",
+    "angular-scenario": "~1.0.5"
+  },
+  "gitHead": "dd570ddb3bc4567c9975c7c24696c88e487eb1f6",
+  "_id": "alchemy-buttons@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-buttons.git"
+  }
+}

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

@@ -0,0 +1,1101 @@
+/* Will be compiled down to a single stylesheet with your sass files */
+/*****************
+* 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, ../../component/styles/forms.scss */
+.form {
+  width: 100%;
+  display: block;
+  line-height: 1;
+  color: #3c3c3c;
+}
+/* line 18, ../../component/styles/forms.scss */
+.form .control_group,
+.form .control-group {
+  padding: 5px 8px;
+  position: relative;
+  white-space: nowrap;
+}
+/* line 24, ../../component/styles/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, ../../component/styles/forms.scss */
+.form .control_group .input,
+.form .control-group .input {
+  margin-left: 200px;
+  position: relative;
+  min-height: 2.5em;
+}
+/* line 39, ../../component/styles/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, ../../component/styles/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, ../../component/styles/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, ../../component/styles/forms.scss */
+.form .label label,
+.form .control-label label {
+  line-height: 2.5;
+  display: inline-block;
+  padding: 0 20px 0 3px;
+}
+/* line 77, ../../component/styles/forms.scss */
+.form input,
+.form select,
+.form textarea {
+  font-family: "Liberation Sans", sans-serif;
+}
+/* line 82, ../../component/styles/forms.scss */
+.form input {
+  line-height: 1.3;
+}
+/* line 93, ../../component/styles/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, ../../component/styles/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, ../../component/styles/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, ../../component/styles/forms.scss */
+.form input[type="file"],
+.form input[type="range"] {
+  width: auto;
+  max-width: 290px;
+  padding: 6px 0;
+  margin-bottom: 7px;
+}
+/* line 122, ../../component/styles/forms.scss */
+.form input[type="range"] {
+  width: 290px;
+  padding-top: 4px;
+}
+/* line 127, ../../component/styles/forms.scss */
+.form input[type="number"] {
+  width: 50px;
+  text-align: left;
+  padding: 4px 10px;
+}
+/* line 133, ../../component/styles/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, ../../component/styles/forms.scss */
+.form select[multiple="multiple"] {
+  background: white;
+  height: auto;
+  line-height: 1.5;
+  border: 1px solid #c8c8c8;
+}
+/* line 152, ../../component/styles/forms.scss */
+.form textarea {
+  height: auto;
+  resize: none;
+  overflow: auto;
+}
+/* line 160, ../../component/styles/forms.scss */
+.form input::-webkit-input-placeholder {
+  color: #c8c8c8;
+  font-style: italic;
+}
+/* line 165, ../../component/styles/forms.scss */
+.form input:-moz-placeholder {
+  color: #c8c8c8;
+  font-style: italic;
+}
+/* line 172, ../../component/styles/forms.scss */
+.form input:focus::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0);
+}
+/* line 176, ../../component/styles/forms.scss */
+.form input:focus:-moz-placeholder {
+  color: rgba(255, 255, 255, 0);
+}
+/* line 183, ../../component/styles/forms.scss */
+.form .required .label,
+.form .required .control-label {
+  position: relative;
+}
+/* line 186, ../../component/styles/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, ../../component/styles/forms.scss */
+.form .required.warning .label:after,
+.form .required.warning .control-label:after {
+  color: #ff860e;
+}
+/* line 207, ../../component/styles/forms.scss */
+.form .required.error .label:after,
+.form .required.error .control-label:after {
+  color: #c81e28;
+}
+/* line 214, ../../component/styles/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, ../../component/styles/forms.scss */
+.form .readonly input,
+.form input[readonly="readonly"],
+.form textarea[readonly="readonly"] {
+  color: #a7a7a7;
+}
+/* line 231, ../../component/styles/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, ../../component/styles/forms.scss */
+.form .disabled label {
+  color: #a2a2a2;
+}
+/* line 245, ../../component/styles/forms.scss */
+.form input[disabled="disabled"],
+.form textarea[disabled="disabled"] {
+  color: #a2a2a2;
+  background: #f7f7f6;
+  border: 1px solid #c8c8c8;
+}
+/* line 251, ../../component/styles/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, ../../component/styles/forms.scss */
+.form select[disabled="disabled"] {
+  color: #a2a2a2;
+}
+/* line 261, ../../component/styles/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, ../../component/styles/_forms_mixins.scss */
+.form .warning .label {
+  color: #ff860e;
+}
+/* line 6, ../../component/styles/_forms_mixins.scss */
+.form .warning input {
+  border-color: #ff860e;
+}
+/* line 9, ../../component/styles/_forms_mixins.scss */
+.form .warning input:hover {
+  border-color: #d06700;
+}
+/* line 13, ../../component/styles/_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, ../../component/styles/_forms_mixins.scss */
+.form .error .label {
+  color: #c81e28;
+}
+/* line 6, ../../component/styles/_forms_mixins.scss */
+.form .error input {
+  border-color: #c81e28;
+}
+/* line 9, ../../component/styles/_forms_mixins.scss */
+.form .error input:hover {
+  border-color: #93161d;
+}
+/* line 13, ../../component/styles/_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, ../../component/styles/forms.scss */
+.form .checkbox .control,
+.form .radio .control {
+  display: block;
+  padding: 1px 0 5px 0;
+}
+/* line 284, ../../component/styles/forms.scss */
+.form .checkbox .control label,
+.form .radio .control label {
+  padding-right: 15px;
+}
+/* line 289, ../../component/styles/forms.scss */
+.form .checkbox > label + .control,
+.form .radio > label + .control {
+  display: inline-block;
+}
+/* line 293, ../../component/styles/forms.scss */
+.form .checkbox.horizontal .control,
+.form .radio.horizontal .control {
+  display: inline-block;
+  margin: 0 5px 0 0;
+}
+/* line 299, ../../component/styles/forms.scss */
+.form .checkbox:not(.inline) label,
+.form .radio:not(.inline) label {
+  line-height: 2;
+}
+/* line 305, ../../component/styles/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, ../../component/styles/forms.scss */
+.form .checkbox.inline .control,
+.form .radio.inline .control {
+  display: inline-block;
+  margin-left: 15px;
+}
+
+/*
+  =======================================
+  MESSAGES
+  =======================================
+*/
+/* line 326, ../../component/styles/forms.scss */
+.form {
+  /* field validations */
+  /* success message */
+  /* warning message */
+  /* error message */
+}
+/* line 330, ../../component/styles/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, ../../component/styles/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, ../../component/styles/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, ../../component/styles/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, ../../component/styles/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, ../../component/styles/forms.scss */
+.form .help i:hover:after {
+  display: block;
+}
+/* line 411, ../../component/styles/forms.scss */
+.form .help i:hover ~ span {
+  display: block;
+}
+/* line 419, ../../component/styles/forms.scss */
+.form .note {
+  display: block;
+  font-size: 85%;
+  color: #a2a2a2;
+  margin: 0 0 5px 10px;
+}
+/* line 425, ../../component/styles/forms.scss */
+.form .note strong {
+  font-weight: bold;
+  font-size: 110%;
+}
+/* line 434, ../../component/styles/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, ../../component/styles/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, ../../component/styles/forms.scss */
+.form .hint:after,
+.form .message:after {
+  border-right-color: #e2e2e2;
+  left: -9px;
+  z-index: 1;
+}
+/* line 470, ../../component/styles/forms.scss */
+.form .hint {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 320px;
+}
+/* line 476, ../../component/styles/forms.scss */
+.form .hint.always_visible {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+  position: relative;
+  left: 0;
+}
+/* line 483, ../../component/styles/forms.scss */
+.form .message ~ .hint {
+  display: none;
+}
+/* line 489, ../../component/styles/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, ../../component/styles/forms.scss */
+.form .control_group input:focus ~ .hint.always_visible,
+.form .control-group input:focus ~ .hint.always_visible {
+  left: 0;
+}
+/* line 504, ../../component/styles/forms.scss */
+.form .success .message,
+.form .warning .message,
+.form .error .message {
+  padding-left: 29px;
+  max-width: 261px;
+}
+/* line 511, ../../component/styles/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, ../../component/styles/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, ../../component/styles/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, ../../component/styles/_forms_responsive.scss */
+.form.labels_top .control_group .input,
+.form.labels_top .control-group .input {
+  margin: 0 0 5px 0;
+}
+/* line 10, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_forms_responsive.scss */
+.form.labels_top fieldset legend {
+  margin-left: 3px;
+}
+/* line 42, ../../component/styles/_forms_responsive.scss */
+.form.labels_top .value {
+  padding-top: 2px;
+}
+/* line 49, ../../component/styles/_forms_responsive.scss */
+.form.labels_top .required .label:after,
+.form.labels_top .required .control-label:after {
+  right: 0;
+  top: 0;
+}
+/* line 55, ../../component/styles/_forms_responsive.scss */
+.form.labels_top .required .label.help i,
+.form.labels_top .required .control-label.help i {
+  right: -19px;
+}
+
+/* line 67, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_forms_responsive.scss */
+.form.messages_bottom .message ~ .hint {
+  display: none;
+}
+/* line 91, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_forms_responsive.scss */
+.form.messages_bottom .hint:hover,
+.form.messages_bottom .message:hover {
+  left: 0;
+}
+/* line 120, ../../component/styles/_forms_responsive.scss */
+.form.messages_bottom .control_group input:focus ~ .hint,
+.form.messages_bottom .control-group input:focus ~ .hint {
+  left: 0;
+}
+/* line 128, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_forms_responsive.scss */
+  .form .control_group .input,
+  .form .control-group .input {
+    margin: 0 0 5px 0;
+  }
+  /* line 10, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_forms_responsive.scss */
+  .form fieldset legend {
+    margin-left: 3px;
+  }
+  /* line 42, ../../component/styles/_forms_responsive.scss */
+  .form .value {
+    padding-top: 2px;
+  }
+  /* line 49, ../../component/styles/_forms_responsive.scss */
+  .form .required .label:after,
+  .form .required .control-label:after {
+    right: 0;
+    top: 0;
+  }
+  /* line 55, ../../component/styles/_forms_responsive.scss */
+  .form .required .label.help i,
+  .form .required .control-label.help i {
+    right: -19px;
+  }
+}
+@media screen and (max-width: 768px) {
+  /* line 5, ../../component/styles/_forms_responsive.scss */
+  .form .control_group .input,
+  .form .control-group .input {
+    margin: 0 0 5px 0;
+  }
+  /* line 10, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_forms_responsive.scss */
+  .form fieldset legend {
+    margin-left: 3px;
+  }
+  /* line 42, ../../component/styles/_forms_responsive.scss */
+  .form .value {
+    padding-top: 2px;
+  }
+  /* line 49, ../../component/styles/_forms_responsive.scss */
+  .form .required .label:after,
+  .form .required .control-label:after {
+    right: 0;
+    top: 0;
+  }
+  /* line 55, ../../component/styles/_forms_responsive.scss */
+  .form .required .label.help i,
+  .form .required .control-label.help i {
+    right: -19px;
+  }
+  /* line 67, ../../component/styles/_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, ../../component/styles/_forms_responsive.scss */
+  .form .hint ~ .note,
+  .form .message ~ .note {
+    background: white;
+    top: -4px;
+    padding-top: 7px;
+    border-top-width: 1px;
+  }
+  /* line 86, ../../component/styles/_forms_responsive.scss */
+  .form .message ~ .hint {
+    display: none;
+  }
+  /* line 91, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_forms_responsive.scss */
+  .form .hint:hover,
+  .form .message:hover {
+    left: 0;
+  }
+  /* line 120, ../../component/styles/_forms_responsive.scss */
+  .form .control_group input:focus ~ .hint,
+  .form .control-group input:focus ~ .hint {
+    left: 0;
+  }
+  /* line 128, ../../component/styles/_forms_responsive.scss */
+  .form .success .message,
+  .form .warning .message,
+  .form .error .message {
+    display: block;
+    margin: 3px 0 0 0;
+  }
+  /* line 132, ../../component/styles/_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, ../../component/styles/_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, ../../component/styles/_forms_ie.scss */
+.ie8 .form .help i:hover:after {
+  display: none;
+}
+/* line 8, ../../component/styles/_forms_ie.scss */
+.ie8 .form .help span {
+  top: 25px;
+}
+/* line 15, ../../component/styles/_forms_ie.scss */
+.ie8 .form.labels_top .help span {
+  top: 20px;
+}
+/* line 24, ../../component/styles/_forms_ie.scss */
+.ie8 .form .hint:before, .ie8 .form .hint:after,
+.ie8 .form .message:before,
+.ie8 .form .message:after {
+  display: none;
+}
+/* line 29, ../../component/styles/_forms_ie.scss */
+.ie8 .form .hint {
+  display: none;
+}
+/* line 32, ../../component/styles/_forms_ie.scss */
+.ie8 .form .hint.always_visible {
+  display: inline-block;
+}
+/* line 37, ../../component/styles/_forms_ie.scss */
+.ie8 .form .control_group input:focus ~ .hint {
+  display: block;
+}
+/* line 40, ../../component/styles/_forms_ie.scss */
+.ie8 .form .control_group input:focus ~ .hint.always_visible {
+  display: inline-block;
+}