/* 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; }