/* CSS utf-8 ő */
/* formok: altalanos */
.form {margin: 30px 0;
    background-color: var(--dark-bright);
    clear: both;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 20px;}
.formdone {font-size:13px; background-color:#6FA6BB; color:#FFFFFF; font-weight:bold; padding:10px; margin:0px; margin-bottom:10px;}
.formdone A {color:#FFcc99;}
.formerror {background-color:var(--rose); padding:10px 10px 10px 10px; font-size:11px; color:#ffffff; font-weight:bold; margin-bottom:10px; text-align:left;}
.formdone2 {background-color:#6FA6BB; color:#FFFFFF; font-weight:bold; padding:10px 10px 10px 66px; margin:0px; margin-bottom:10px; font-size:14px; height:35px; min-height:35px;}
.label > span {display:inline-block; position:relative;}
.formrequired {color: var(--rose-light);
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
    font-size: 274%;
    position: absolute;
    top: -99%;
    right: -21px;}
	

.form .separator {margin: 0px;
    padding: 0px;
    clear: both;
    height: 20px;}
.form .separatorlight {margin:0px; padding:0px; clear:both; border-bottom:0px solid #DFDFDF; height:5px; margin-bottom:5px;}

.form .formelement {margin:0px; padding:0px; clear:both;}
.form .formelement .label {font-size: var(--f16);
    color: var(--dark);
    font-weight: normal;
    margin: 0 14px 0 0;
    padding: 0px;
    border: 0px;
    width: 250px;
    float: left;
    padding-right: 18px;
    padding-top: 4px;
    text-align: right;
    position: relative;
    display: inline-block;}
.form .formelement .label .info {font-size:11px; color:#B1B1B1; font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px; width:250px;}
.form .formelement .input {font-size:16px; color:var(--dark); font-weight:normal; margin:0px; padding:0px; border:0px; width:430px; float:left; padding-top:4px;}
.form .formelement .input .inputtext {font-family: "Square Peg", cursive;
    font-size: var(--f32m);
    color: var(--sea-green-dark);
    width:100%;
    padding: 3px 12px 0;
    margin: 0px;
    background-color: var(--white);
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    font-weight: 900;
    box-shadow: 1px -3px var(--dark-bright-shadow);}
.form .formelement .input .inputcheckbox {color:var(--dark); padding:0px; margin:0px; background-color:#FFFFFF;}
.form .formelement .input .inputtextarea {font-family: "Square Peg", cursive;
    font-size: var(--f32m);
    color: var(--sea-green-dark);
    width:100%;
    max-width: 430px;
    padding: 3px 12px 0;
    margin: 0px;
    background-color: var(--white);
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    font-weight: 900;
    box-shadow: 1px -3px var(--dark-bright-shadow);}
.form .formelement .text {font-size:12px; font-weight:normal; margin:0px; padding:0px; border:0px; width:430px; float:left;}
.form .formelement .note {font-size:12px; color:#777777; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:400px; float:left; padding-top:4px;}
.form .formelement .title {font-size:18px; color:var(--dark); font-weight:normal; margin:0px; padding:5px 10px; border:0px; background-color:#cccccc; border-bottom:15px solid var(--dark-bright);}

.form .formelementactive {margin:0px; padding:0px; clear:both;}
.form .formelementactive .label {font-size: var(--f16);
    color: var(--dark-light);
    font-weight: normal;
    margin: 0 14px 0 0;
    padding: 0px;
    border: 0px;
    width: 250px;
    float: left;
    padding-right: 18px;
    padding-top: 4px;
    text-align: right;
    position: relative;
    display: inline-block;}
.form .formelementactive .label .info {font-size:11px; color:var(--dark-light); font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px; width:250px;}
.form .formelementactive .input {font-size:16px; color:var(--dark-light); font-weight:normal; margin:0px; padding:0px; border:0px; width:430px; float:left; padding-top:4px;}
.form .formelementactive .input .inputtext {font-family: "Square Peg", cursive;
    font-size: var(--f32m);
    color: var(--blue);
	width:100%;
    padding: 3px 12px 0;
    margin: 0px;
    background-color: var(--white);
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    font-weight: 900;
    box-shadow: 1px -3px var(--dark-bright-shadow);}

.form .formelementactive .input .inputcheckbox {color:var(--dark); padding:0px; margin:0px; background-color:#FFFFFF;}
.form .formelementactive .input .inputtextarea {font-family: "Square Peg", cursive;
    font-size: var(--f32m);
    color: var(--blue);
	width:100%;
    max-width: 430px;
    padding: 3px 12px 0;
    margin: 0px;
    background-color: var(--white);
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    font-weight: 900;
    box-shadow: 1px -3px var(--dark-bright-shadow);}
.form .formelementactive .formrequired {color: var(--dark-bright-shadow);
    font-weight: 100;
    font-size: 400%;
    position: absolute;
    top: -116%;
    right: -11px;}
.form .formelementactive .text {font-size:11px; color:#525252; font-weight:normal; margin:0px; padding:0px; border:0px; width:400px; float:left;}
.form .formelementactive .note {font-size:12px; color:#B1B1B1; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:400px; float:left; padding-top:4px;}
.form .formelementactive input:focus,
.form .formelementactive textarea:focus {
    outline:none;
}

.form .formelementerror {margin:0px; padding:0px; clear:both;}
.form .formelementerror .label {font-size: var(--f16);
    color: var(--rose);
    font-weight: normal;
    margin: 0 14px 0 0;
    padding: 0px;
    border: 0px;
    width: 250px;
    float: left;
    padding-right: 18px;
    padding-top: 4px;
    text-align: right;
    position: relative;
    display: inline-block;}
.form .formelementerror .label .info {font-size:11px; color:var(--dark-light); font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px; width:250px;}
.form .formelementerror .input {font-size:16px; color:var(--rose); font-weight:normal; margin:0px; padding:0px; border:0px; width:430px; float:left; padding-top:4px; outline: none; }
.form .formelementerror .input .inputtext {font-family: "Square Peg", cursive;
    font-size: var(--f32m);
    color: var(--blue);
	width:100%;
    padding: 3px 12px 0;
    margin: 0px;
    background-color: var(--rose-light);
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    font-weight: 900;
    box-shadow: 1px -3px var(--rose-light-shadow);}
.form .formelementerror .input .inputcheckbox {color:var(--dark); padding:0px; margin:0px; background-color:#FFFFFF;}
.form .formelementerror .input .inputtextarea {font-family: "Square Peg", cursive;
    font-size: var(--f32m);
    color: var(--sea-green-dark);
    width:100%;
    max-width: 430px;
    padding: 3px 12px 0;
    margin: 0px;
    background-color:var(--rose-light);
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    font-weight: 900;
    box-shadow: 1px -3px var(--rose-light-shadow);}
.form .formelementerror .text {font-size:11px; color:var(--rose); font-weight:normal; margin:0px; padding:0px; border:0px; width:400px; float:left;}
.form .formelementerror .note {font-size:12px; color:var(--rose); font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:400px; float:left; padding-top:4px;}

.form .formelementerroractive {margin:0px; padding:0px; clear:both;}
.form .formelementerroractive .label {font-size: var(--f16);
    color: var(--rose-light);
    font-weight: normal;
    margin: 0 14px 0 0;
    padding: 0px;
    border: 0px;
    width: 250px;
    float: left;
    padding-right: 18px;
    padding-top: 4px;
    text-align: right;
    position: relative;
    display: inline-block;}
.form .formelementerroractive .label .info {font-size:11px; color:var(--dark-light); font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px; width:250px;}
.form .formelementerroractive .input {font-size:16px; color:var(--rose); font-weight:normal; margin:0px; padding:0px; border:0px; width:430px; float:left; padding-top:4px; outline: none;}
.form .formelementerroractive .input .inputtext {font-family: "Square Peg", cursive;
    font-size: var(--f32m);
    color: var(--blue);
	width:100%;
    padding: 3px 12px 0;
    margin: 0px;
    background-color: var(--white);
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    font-weight: 900;
    box-shadow: 1px -3px var(--dark-bright-shadow);}
.form .formelementerroractive .input .inputcheckbox {color:var(--dark); padding:0px; margin:0px; background-color:#FFFFFF;}
.form .formelementerroractive .input .inputtextarea {font-family: "Square Peg", cursive;
    font-size: var(--f32m);
    color: var(--blue);
	width:100%;
    max-width: 430px;
    padding: 3px 12px 0;
    margin: 0px;
    background-color: var(--white);
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    font-weight: 900;
    box-shadow: 1px -3px var(--dark-bright-shadow);}
.form .formelementerroractive .formrequired {color: var(--dark-bright-shadow);
    font-weight: 100;
    font-size: 400%;
    position: absolute;
    top: -116%;
    right: -11px;}
.form .formelementerroractive .text {font-size:11px; color:var(--rose); font-weight:normal; margin:0px; padding:0px; border:0px; width:400px; float:left;}
.form .formelementerroractive .note {font-size:12px; color:var(--rose); font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:400px; float:left; padding-top:4px;}

.form .formelementsubmit {margin:15px 0px 10px 0px; padding:0px; border:0px; text-align:left;}
.form .formelementsubmit .forminputbutton, .inputbutton {}

.form .formelement .input .formmennyiseg {width:40px;}
.form .formelementactive .input .formmennyiseg {width:40px;}
.form .formelementerror .input .formmennyiseg {width:40px;}
.form .formelementerroractive .input .formmennyiseg {width:40px;}

.form2 .formelement .label {width:50px;}
.form2 .formelement .input {width:630px;}

.form2 .formelementactive .label {width:50px;}
.form2 .formelementactive .input {width:630px;}


.formelementplus {display:none;}



@media (max-width: 33.9em) {
	.form {margin-right:0px;}
	.form table {width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px);}

	.form .formelementsubmit {width: 100%; text-align: left;}

	.form .formelement .label {width:100%; float:none; text-align: left;}
	.form .formelement .label .info {width:100%; float:none; text-align: left;}
	.form .formelement .input {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputtext {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputcheckbox {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputtextarea {width:100%; float:none; text-align: left;}
	.form .formelement .text {width:100%; float:none; text-align: left;}
	.form .formelement .note {width:100%; float:none; text-align: left;}

	.form .formelementactive {width: 100%; text-align: left;}
	.form .formelementactive .label {width: 100%; text-align: left;}
	.form .formelementactive .label .info {width: 100%; text-align: left;}
	.form .formelementactive .input {width: 100%; text-align: left;}
	.form .formelementactive .input .inputtext {width: 100%; text-align: left;}
	.form .formelementactive .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementactive .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementactive .text {width: 100%; text-align: left;}
	.form .formelementactive .note {width: 100%; text-align: left;}

	.form .formelementerror {width: 100%; text-align: left;}
	.form .formelementerror .label {width: 100%; text-align: left;}
	.form .formelementerror .label .info {width: 100%; text-align: left;}
	.form .formelementerror .input {width: 100%; text-align: left;}
	.form .formelementerror .input .inputtext {width: 100%; text-align: left;}
	.form .formelementerror .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementerror .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementerror .text {width: 100%; text-align: left;}
	.form .formelementerror .note {width: 100%; text-align: left;}

	.form .formelementerroractive {width: 100%; text-align: left;}
	.form .formelementerroractive .label {width: 100%; text-align: left;}
	.form .formelementerroractive .label .info {width: 100%; text-align: left;}
	.form .formelementerroractive .input {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputtext {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementerroractive .text {width: 100%; text-align: left;}
	.form .formelementerroractive .note {width: 100%; text-align: left;}
	
	.form .formelementsubmit .forminputbutton, .inputbutton { padding:12px 20px; margin-right:0;}

}


@media (max-width: 61.9em) and (min-width: 34em) { 
	.form {margin-right: 0px;}
	.form table {width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px);}

	.form .formelementsubmit {width: 100%; text-align: left;}

	.form .formelement .label {width:100%; float:none; text-align: left;}
	.form .formelement .label .info {width:100%; float:none; text-align: left;}
	.form .formelement .input {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputtext {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputcheckbox {width:100%; float:none; text-align: left;}
	.form .formelement .input .inputtextarea {width:100%; float:none; text-align: left;}
	.form .formelement .text {width:100%; float:none; text-align: left;}
	.form .formelement .note {width:100%; float:none; text-align: left;}

	.form .formelementactive {width: 100%; text-align: left;}
	.form .formelementactive .label {width: 100%; text-align: left;}
	.form .formelementactive .label .info {width: 100%; text-align: left;}
	.form .formelementactive .input {width: 100%; text-align: left;}
	.form .formelementactive .input .inputtext {width: 100%; text-align: left;}
	.form .formelementactive .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementactive .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementactive .text {width: 100%; text-align: left;}
	.form .formelementactive .note {width: 100%; text-align: left;}

	.form .formelementerror {width: 100%; text-align: left;}
	.form .formelementerror .label {width: 100%; text-align: left;}
	.form .formelementerror .label .info {width: 100%; text-align: left;}
	.form .formelementerror .input {width: 100%; text-align: left;}
	.form .formelementerror .input .inputtext {width: 100%; text-align: left;}
	.form .formelementerror .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementerror .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementerror .text {width: 100%; text-align: left;}
	.form .formelementerror .note {width: 100%; text-align: left;}

	.form .formelementerroractive {width: 100%; text-align: left;}
	.form .formelementerroractive .label {width: 100%; text-align: left;}
	.form .formelementerroractive .label .info {width: 100%; text-align: left;}
	.form .formelementerroractive .input {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputtext {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputcheckbox {width: 100%; text-align: left;}
	.form .formelementerroractive .input .inputtextarea {width: 100%; text-align: left;}
	.form .formelementerroractive .text {width: 100%; text-align: left;}
	.form .formelementerroractive .note {width: 100%; text-align: left;}


}