
/** ikiss-formmail Standard-CSS **/

form.ikiss-mailform{display:block;}

.ikiss-mailform-fieldset,
.ikiss-mailform-fieldset legend      { color: #444; border: 1px solid #ddd; }
.ikiss-mailform-fieldset             { padding: 25px 10px 10px;  background-color: rgba(240, 240, 240, 0.50); width: auto; position: relative; margin: 35px 5px 5px; }
.ikiss-mailform-fieldset legend      { background-color: #dcdcdc; line-height: 1.333; background-repeat: no-repeat; background-position: 5px center; position: absolute; top: -15px; left: 10px; margin-right: 20px; padding: 2.5px 5px 2.5px 26px; font-weight: bold; user-select: none; -moz-user-select: none; }
.ikiss-mailform-info,
.ikiss-mailform-info legend,
.ikiss-mailform-info-field           { border-color: #F29900 !important; box-shadow: 0 0 2px #FF962D !important; background-color: #FFEED0 !important; }
.ikiss-mailform-info ul,
.ikiss-mailform-error ul             { list-style-position: inside; list-style-type: square; padding: 0; margin: 0; line-height: 1.5em; }
.ikiss-mailform-info label,
.ikiss-mailform-error label          { display: inline !important; cursor: pointer; }
.ikiss-mailform-infolabel            { clear: both; color: #5e5d5d; line-height: 1.333; }
.ikiss-mailform-info-label,
.ikiss-mailform-error-label          { font-weight: bold !important; }
.ikiss-mailform-info-label           { color: orange;	text-shadow: 0 1px 0 #fff; }
.ikiss-mailform-error-label          { color: red !important;	text-shadow: 0 1px 0 #fff; }
.ikiss-mailform-error-field,
.ikiss-mailform-error-field legend,
.ikiss-mailform-error                { border-color: #FF8F8F !important; background-color: #FFEAEA !important; box-shadow : 0 0 2px #FF9999 !important; background-color : #FFEAEA !important; }
.ikiss-mailform-info,
.ikiss-mailform-info-field,
.ikiss-mailform-error,
.ikiss-mailform-error-field          { border-width: 1px !important; border-style: solid !important; display: inline-block; }
input.ikiss-mailform-error-field,
textarea.ikiss-mailform-error-field,
select.ikiss-mailform-error-field    { color: #D90000 !important; }
.ikiss-mailform-info,
.ikiss-mailform-error                { color: #333; background-position: 6px 5px; background-repeat: no-repeat; text-align: left !important; padding : 5px 5px 5px 30px !important; margin: 10px 2px; border-radius: 5px; -webkit-touch-callout: none;}
.ikiss-mailform-info                 { background-image: url("/output/js/ikiss/formulare/images/error.gif"); }
.ikiss-mailform-error                { background-image: url("/output/js/ikiss/formulare/images/delete.gif"); }
.ikiss-mailform-captcha-error        { color: red; font-weight: bold; padding: 5px 10px;}
.ikiss-mailform-spamtrap             { display: none; }
.ikiss-mailform-overview legend      { background-image: url("/output/js/ikiss/formulare/images/table_go.gif"); }
.ikiss-mailform-overview-box         { padding: 5px; }
.ikiss-mailform-overview td,
.ikiss-mailform-overview th          { font-weight: bold; vertical-align: top !important; padding: 5px 20px 5px 10px; border-bottom: 1px dotted #ddd; text-align: left; background: transparent; }
.ikiss-mailform-overview td + td,
.ikiss-mailform-overview th + td     { color: #555; font-weight: normal !important; text-transform: none !important; width: 70%;	}
.ikiss-mailform-overview td ul       { margin:0 !important; padding: 0 2px !important; list-style-position: inside !important; list-style-type: square !important; }
.ikiss-mailform-bpanel               { margin: 30px 5px !important; text-align: center; }
.ikiss-mailform-bpanel input         { border-radius: 2px; background-color: #eee; border: 1px solid #999; color: #222; background-repeat: no-repeat; padding: 5px 10px 5px 31px; margin: 10px; background-position: 10px center !important; cursor: pointer; line-height: 1.5; }
.ikiss-mailform-bpanel input:hover   { box-shadow: 0 0 10px 2px #888; }
.ikiss-mailform-button-print         { background-image: url("/output/js/ikiss/formulare/images/printer.gif") !important; }
.ikiss-mailform-button-change        { background-image: url("/output/js/ikiss/formulare/images/pencil.gif") !important; }
.ikiss-mailform-button-complete      { background-image: url("/output/js/ikiss/formulare/images/tick.gif") !important; }
.ikiss-mailform-redirect-link        { margin: 25px 0; }
.ikiss-mailform-req-marker           { color: #B00000; cursor: help; padding: 0 3px; position: absolute; }
.ikiss-mailform-req-marker-text      { clear: both; }
.ikiss-mailform-req-marker-margin    { margin-right: 10px; }
#ikiss-mailform-recaptcha-box        { margin-top: 50px; margin-bottom: 50px; display: block; }
#ikiss-mailform-recaptcha-box legend { background-image: url("/output/js/ikiss/formulare/images/key.gif"); }
.ikiss-mailform-sendcopy-box         { margin: 10px 0; font-weight: bold; text-align: center; }
.ikiss-mailform-sendcopy-box label   { cursor: pointer; border-bottom: 1px dotted transparent; }
.ikiss-mailform-sendcopy-box label:hover { border-bottom-color: #000; }
.ikiss-mailform-sendcopy-box label   { line-height: 17px; padding-left: 21px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; display: inline-block !important; margin-left: 6px; color: #444; position: relative; top: -2px; background-image: url("/output/js/ikiss/formulare/images/information.gif"); }
.ikiss-mailform-sendcopyto-box       { padding: 15px; }
.ikiss-mailform-sendcopyto-box ul    { list-style-type: none; padding: 0; }
.ikiss-mailform-sendcopyto-box li    { float: none; margin: 5px 0; }
.ikiss-mailform-sendcopyto-box input,
.ikiss-mailform-sendcopyto-box label { float: left; margin: 0; cursor: pointer; }
.ikiss-mailform-sendcopyto-box input { margin: 2px 8px; }

.ikiss-mailform-transition           { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }

.hint-box                                  { position: absolute; z-index: 9999999; max-width: 450px; cursor: default; }
.hint-inner                                { padding: 10px 10px 10px 24px; position: relative; color: #0C64AB; z-index: 99999; color: #333; background-image: url(/output/js/ikiss/formulare/images/information.gif); background-repeat: no-repeat; background-position: 5px 8px; text-align: left; }
.hint-peak                                 { width: 10px; height: 10px; position: absolute; bottom: -4px; margin-left: -5px;	transform: rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.hint-box,
.hint-inner                                { border-radius: 5px; }
.hint-box,
.hint-peak                                 { border: 1px solid #009CD9; box-shadow: 0 0 3px #00A2E1; }
.hint-box,
.hint-peak,
.hint-inner                                { background-color: #EAF8FF; }

.ikiss-form-element.ikiss-field-radio,
.ikiss-form-element.ikiss-field-checkbox   { border: 1px solid transparent; display: inline-block; padding: 2px 0 2px 2px; }

.ikiss-mailform-inline-error-clear { content: ""; clear: both; display: block; visibility: hidden;height: 0px; }
.ikiss-mailform-inline-error { display: inline-block; margin: 5px 0; color: #c0003c; font-size: 85%; }
.ikiss-mailform-field-error,
.ikiss-mailform-field-error:focus {  border: 1px solid #c0003c !important; box-shadow: 0 0 3px #FF578C; }
.ikiss-mailform-validation-summary { border: 1px solid #c0003c; padding: 10px; margin: 10px 0px 20px 0px; }
.ikiss-mailform-validation-summary h2 { font-size: 100%; margin-top: 0; font-weight: normal; }
.ikiss-mailform-validation-summary a { font-size: 95%; color: #c0003c; }
.ikiss-mailform-validation-summary li { color: #c0003c; list-style-type: disc; margin: 2px 0; }

input.ikiss-mailform-button-disabled { opacity: 0.5; cursor: not-allowed !important; }
input.ikiss-mailform-button-disabled:active { transform: scale(1) !important; }
.ikiss-field-error-container { display: none; }

.ikiss-form-description-padding-left { padding-left: 36%; }
@media screen and (max-width: 680px) { 
	.ikiss-form-description-padding-left { padding-left: 0; } 
}

/* Feature #15598 */
.ikiss-mailform-file-reset-button { display: none; background: none; border: none; text-decoration: underline; cursor: pointer; color: currentColor; }

