/* CSS utf-8 ő */
/* formok: altalanos */
/*ÚJ*/
.form3 {border-top:1px solid #f4f1ea; border-bottom:1px solid #f4f1ea; padding:10px 10px 5px 10px; background-color:#efefef; clear:both;}

.form3 .separator {margin:0px; padding:0px; clear:both; border-bottom:1px solid #f4f1ea; height:10px; margin-bottom:10px;}
.form3 .separatorlight {margin:0px; padding:0px; width:696px; clear:both; border-bottom:0px solid #DFDFDF; height:5px; margin-bottom:5px;}

.form3 .formelement {margin:0px; padding:0px; clear:both; margin-right:17px;}
.form3 .formelement .label {font-size:11px; color:#9a9285; font-weight:bold; margin:0px; padding:0px; border:0px; width:110px; float:left; padding-right:10px; padding-top:4px; text-align:right;}
.form3 .formelement .label .info {font-size:11px; color:#B1B1B1; font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px;}
.form3 .formelement .input {font-size:11px; color:#9a9285; font-weight:normal; margin:0px; padding:0px; border:0px; width:510px; float:left;}
.form3 .formelement .input .inputtext {font-family:Arial; font-size:11px; font-weight:bold; color:#2f322d; width:296px; padding:2px; margin:0px; background-color:#f8f6f6; border:1px solid #c2bdb4;}
.form3 .formelement .input .inputcheckbox {color:#000000; padding:0px; margin:0px; background-color:#FFFFFF;}
.form3 .formelement .input .inputtextarea {font-family:Arial; font-size:11px; font-weight:bold; color:#000000; width:296px; padding:2px; margin:0px; height:120px; background-color:#f8f6f6; border:1px solid #c2bdb4;}
.form3 .formelement .input .onlytext {}
.form3 .formelement .text {font-size:11px; color:#DBF1B4; font-weight:normal; line-height:12px; margin:0px; padding:0px; border:0px; float:left;}
.form3 .formelement .note {font-size:11px; color:#777777; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:296px; float:left; padding-top:4px;}
.form3 .formelement .title {font-size:11px; color:#000000; font-weight:bold; margin:10px 0px 20px 0px; padding:0px; border:0px; text-transform:uppercase; border-bottom:1px solid #c2bdb4; clear:both;}

.form3 .formelementactive {margin:0px; padding:0px; clear:both; margin-right:17px;}
.form3 .formelementactive .label {font-size:11px; color:#2f322d; font-weight:bold; margin:0px; padding:0px; border:0px; width:110px; float:left; padding-right:10px; padding-top:4px; text-align:right;}
.form3 .formelementactive .label .info {font-size:11px; color:#539659; font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px;}
.form3 .formelementactive .input {font-size:11px; color:#000000; font-weight:normal; margin:0px; padding:0px; border:0px; width:510px; float:left;}
.form3 .formelementactive .input .inputtext {font-family:Arial; font-size:11px; font-weight:bold; color:#000000; width:296px; padding:2px; margin:0px; background-color:#ffffff; border:1px solid #9a9285;}
.form3 .formelementactive .input .inputcheckbox {color:#000000; padding:0px; margin:0px; background-color:#FFFFFF;}
.form3 .formelementactive .input .inputtextarea {font-family:Arial; font-size:11px; font-weight:bold; color:#000000; width:296px; padding:2px; margin:0px; height:120px; background-color:#ffffff; border:1px solid #9a9285;}
.form3 .formelementactive .text {font-size:11px; color:#000000; font-weight:normal; line-height:12px; margin:0px; padding:0px; border:0px; width:296px; float:left;}
.form3 .formelementactive .note {font-size:11px; color:#000000; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:296px; float:left; padding-top:4px;}

.form3 .formelementerror {margin:0px; padding:0px; clear:both; margin-right:17px;}
.form3 .formelementerror .label {font-size:11px; color:#ff0000; font-weight:bold; margin:0px; padding:0px; border:0px; width:110px; float:left; padding-right:10px; padding-top:4px; text-align:right;}
.form3 .formelementerror .label .info {font-size:11px; color:#539659; font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px;}
.form3 .formelementerror .input {font-size:11px; color:#ff0000; font-weight:normal; margin:0px; padding:0px; border:0px; width:510px; float:left;}
.form3 .formelementerror .input .inputtext {font-family:Arial; font-size:11px; font-weight:bold; color:#000000; width:296px; padding:2px; margin:0px; background-color:#fd8f8f; border:1px solid #ff0000;}
.form3 .formelementerror .input .inputcheckbox {color:#000000; padding:0px; margin:0px; background-color:#FFFFFF;}
.form3 .formelementerror .input .inputtextarea {font-family:Arial; font-size:11px; font-weight:bold; color:#000000; width:296px; padding:2px; margin:0px; height:120px; background-color:#fd8f8f; border:1px solid #c7003b;}
.form3 .formelementerror .text {font-size:11px; color:#ff0000; font-weight:normal; line-height:12px; margin:0px; padding:0px; border:0px; width:296px; float:left;}
.form3 .formelementerror .note {font-size:11px; color:#ff0000; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:296px; float:left; padding-top:4px;}

.form3 .formelementerroractive {margin:0px; padding:0px; clear:both; margin-right:17px;}
.form3 .formelementerroractive .label {font-size:11px; color:#ff0000; font-weight:bold; margin:0px; padding:0px; border:0px; width:110px; float:left; padding-right:10px; padding-top:4px; text-align:right;}
.form3 .formelementerroractive .label .info {font-size:11px; color:#539659; font-weight:normal; margin:0px; padding:1px 0px 0px 0px; border:0px;}
.form3 .formelementerroractive .input {font-size:11px; color:#ff0000; font-weight:normal; margin:0px; padding:0px; border:0px; width:510px; float:left;}
.form3 .formelementerroractive .input .inputtext {font-family:Arial; font-size:11px; font-weight:bold; color:#000000; width:296px; padding:2px; margin:0px; background-color:#f2bbbb;; border:1px solid #c7003b;}
.form3 .formelementerroractive .input .inputcheckbox {color:#000000; padding:0px; margin:0px; background-color:#FFFFFF;}
.form3 .formelementerroractive .input .inputtextarea {font-family:Arial; font-size:11px; font-weight:bold; color:#000000; width:296px; padding:2px; margin:0px; height:120px; background-color:#f2bbbb; border:1px solid #c7003b;}
.form3 .formelementerroractive .text {font-size:11px; color:#ff0000; font-weight:normal; line-height:12px; margin:0px; padding:0px; border:0px; width:296px; float:left;}
.form3 .formelementerroractive .note {font-size:11px; color:#ff0000; font-weight:normal; line-height:14px; margin:0px; padding:0px; border:0px; width:296px; float:left; padding-top:4px;}

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

/* .form3 {box-sizing:border-box; display:grid; grid-template-columns:287px 287px 144px 143px 270px; grid-row-gap:28px; justify-content:center; color:#333333; padding:17px; border:0;} */

.form3 {box-sizing:border-box; color:#333333; padding:17px; border:0;}
.form3 .form3row0 {display:grid; grid-template-columns:1fr; justify-content:center; margin-bottom:30px;}
.form3 .form3row1 {display:grid; grid-template-columns:2fr 2fr 1fr 1fr 2fr; grid-row-gap:28px; justify-content:center; margin-bottom:30px;}
.form3 .form3row2 {display:grid; grid-template-columns:2fr 2fr 2fr 2fr; grid-row-gap:30px; justify-content:left; margin-bottom:30px;}
.form3 .form3row3 {display:grid; grid-template-columns:2fr 2fr 2fr 2fr; grid-row-gap:30px; justify-content:left; margin-bottom:30px;}
.form3 .form3row4 {display:grid; grid-template-columns:1fr 1fr; grid-row-gap:30px; justify-content:left; margin-bottom:30px;}

.form3 .separator {display:none;}
.form3 .formelement .label {color:#333333;}
.form3 .formelement .input {width:100%;}
.form3 .formelement .input INPUT[style] {width:100% !important;}
.form3 .formelement .input .inputtext {box-sizing:border-box; width:100%; font-size:16px; background-color:#fff; border:1px solid #999fa3; border-radius:2px; padding:10px;} 
.form3 .formelementerror .input {width:100%;}
.form3 .formelementerror .input .inputtext {box-sizing:border-box; width:100%; font-size:16px; background-color:#ffd1d1; color:#ff0000; border-radius:2px; padding:10px;}
.form3 .formelementerror {display:flex; flex-direction:column;}
.form3 .formelementactive .input {width:100%;}
.form3 .formelementactive .input .inputtext {box-sizing:border-box; width:100%; font-size:16px; background-color:#fff8e2; border:1px solid #000; border-radius:2px; padding:10px;}
.form3 .formelement .label, .form3 .formelementerror .label, .form3 .formelementactive .label, .form3 .formelementerroractive .label {width:100%; font-size:16px; font-weight:normal; line-height:22px; text-align:left; padding:0; padding-left:3px; padding-bottom:5px;}
.form3 #foglalas_guests_adult {margin-right:8px;}
.form3 #foglalas_address {display:none;}
.form3 #foglalas_nightsinfo {justify-content:center;}
.form3 .ui-datepicker-trigger {display:none;}
.form3 #foglalas_nightsinfo .text {color:#333333; font-size:30px; line-height:36px; font-weight:bold; margin-top:29px;}
.form3 #foglalas_checkbox {margin-top:27px;}
.form3 .formelement .input .inputtextarea {box-sizing:border-box; width:557px; height:79px; font-size:16px; font-weight:bold; border:1px solid #999fa3; border-radius:2px; background-color:#fff; padding:10px;}
.form3 .formelementactive .input .inputtextarea {box-sizing:border-box; width:557px; height:79px; font-size:16px; font-weight:bold; border:1px solid #000; border-radius:2px; background-color:#fff8e2; padding:10px;}
.form3 .formelementerror .input .inputtextarea {box-sizing:border-box; width:557px; height:79px; font-size:16px; font-weight:bold; border:1px solid #000; border-radius:2px; background-color:#ffd1d1; color:#ff0000; padding:10px;}
.form3 .formelementerroractive .input .inputtextarea {box-sizing:border-box; width:557px; height:79px; font-size:16px; font-weight:bold; border:1px solid #000; border-radius:2px; background-color:#fff8e2; color:#ff0000; padding:10px;}
.form3 .formelementerroractive .input {width:100%;}
.form3 .formelementerroractive .input .inputtext {box-sizing:border-box; width:100%; font-size:16px; background-color:#fff8e2; border-radius:2px; padding:10px;}
.form3 .formelement .checkbox {font-size:14px; line-height:18px; display:block; position:relative; margin-bottom:12px;}
.form3 .formelement .checkbox INPUT {cursor:pointer; position:absolute; opacity:0; width:0; height:0;}
.form3 .formelement .checkbox .check {cursor:pointer; position:absolute; top:0; left:0; box-sizing:border-box; width:18px; height:18px; background-color:#fff; border:1px solid #999fa3; border-radius:2px;}
.form3 .formelement .checkbox:HOVER INPUT ~ .check {background-color:#fafafa;}
.form3 .formelement .checkbox INPUT:checked ~ .check {background-color:#fff;}
.form3 .formelement .checkbox .check:AFTER {content:""; position:absolute; display:none;}
.form3 .formelement .checkbox INPUT:checked ~ .check:AFTER {display:block;}
.form3 .formelement .checkbox .check:AFTER {left:25%; width:5px; height:10px; border:solid #999fa3; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.form3 .formelement .checkbox LABEL {cursor:pointer; padding-left:28px;}
.form3 .formelement .checkbox LABEL A {border-bottom:2px solid #59a96a;}
.form3 .formelement .checkbox LABEL A:HOVER {text-decoration:none; color:#7aba88; border-bottom:2px solid #7aba88;}

.form3 .formelement .formelement {font-size:14px; line-height:18px; display:block; position:relative; margin-bottom:12px;}
.form3 .formelement .formelement INPUT {cursor:pointer; position:absolute; opacity:0; width:0; height:0;}
.form3 .formelement .formelement .check {cursor:pointer; position:absolute; top:0; left:0; box-sizing:border-box; width:18px; height:18px; background-color:#fff; border:1px solid #999fa3; border-radius:2px;}
.form3 .formelement .formelement:HOVER INPUT ~ .check {background-color:#fafafa;}
.form3 .formelement .formelement INPUT:checked ~ .check {background-color:#fff;}
.form3 .formelement .formelement .check:AFTER {content:""; position:absolute; display:none;}
.form3 .formelement .formelement INPUT:checked ~ .check:AFTER {display:block;}
.form3 .formelement .formelement .check:AFTER {left:25%; width:5px; height:10px; border:solid #999fa3; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.form3 .formelement .formelement LABEL {cursor:pointer; padding-left:28px;}
.form3 .formelement .formelement LABEL A {border-bottom:2px solid #59a96a;}
.form3 .formelement .formelement LABEL A:HOVER {text-decoration:none; color:#7aba88; border-bottom:2px solid #7aba88;}

.form3 #foglalas_checkbox .formelementerror {font-size:14px; line-height:18px; display:block; position:relative; margin-bottom:12px; color:#ff0000;}
.form3 #foglalas_checkbox .formelementerror INPUT {cursor:pointer; position:absolute; opacity:0; width:0; height:0;}
.form3 #foglalas_checkbox .formelementerror .check {cursor:pointer; position:absolute; top:0; left:0; box-sizing:border-box; width:18px; height:18px; background-color:#ffd1d1; border:1px solid #ff0000; border-radius:2px;}
.form3 #foglalas_checkbox .formelementerror:HOVER INPUT ~ .check {background-color:#ffd1d1;}
.form3 #foglalas_checkbox .formelementerror .check {border:1px solid #ff0000; background-color:#ffd1d1;}
.form3 #foglalas_checkbox .formelementerror INPUT:checked ~ .check {background-color:#ffd1d1;}
.form3 #foglalas_checkbox .formelementerror .check:AFTER {content:""; position:absolute; display:none;}
.form3 #foglalas_checkbox .formelementerror INPUT:checked ~ .check:AFTER {display:block;}
.form3 #foglalas_checkbox .formelementerror .check:AFTER {left:25%; width:5px; height:10px; border:solid #ff0000; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.form3 #foglalas_checkbox .formelementerror LABEL {cursor:pointer; padding-left:28px;}
.form3 #foglalas_checkbox .formelementerror LABEL A {color:#ff0000; border-bottom:2px solid #ff0000;}
.form3 #foglalas_checkbox .formelementerror LABEL A:HOVER {text-decoration:none; color:#ff0000; border-bottom:2px solid #ff0000;}

.form3 .formelementchildinfo .input .onlytext .childinput .childageselectrow {display:grid; grid-template-columns:144px 126px; margin-bottom:5px;}
.form3 .formelementchildinfo .input .onlytext .childinput .childageselectrow .subinput SELECT {box-sizing:border-box; width:100%; font-size:16px; background-color:#ffffff; border:1px solid #000; border-radius:2px; padding:10px; height:40px;}
.form3 .formelementchildinfo .input .onlytext .childinput .childageselectrow .sublabel {font-size:16px; font-weight:normal; line-height:22px; text-align:right; color:#000000; padding-top:10px; padding-right:10px;}

.form3 .nightcounter {float:right; padding-right:5px;}
.form3 .nightcounter SPAN {background-color:#cccccc; border-radius:40px; padding:1px 6px; font-weight:bold;}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

/*@media (min-width:768px) and (max-width:1023px) {*/
@media (max-width:1023px) {

	.form3 .form3row1 {display:block; margin-bottom:0px;}
	.form3 .form3row2 {display:block; margin-bottom:0px;}
	.form3 .form3row3 {display:block; margin-bottom:0px;}
	.form3 .form3row4 {display:block; margin-bottom:0px;}

	.form3 .formelement {margin-bottom:15px; margin-right:0px;}
	.form3 .formelement .label {float:none;}
	.form3 .formelement .input {float:none;}
	.form3 .formelement .input .inputtextarea {width:100%}

	.form3 .formelementactive {margin-bottom:15px; margin-right:0px;}
	.form3 .formelementactive .label {float:none;}
	.form3 .formelementactive .input {float:none;}
	.form3 .formelementactive .input .inputtextarea {width:100%}

	.form3 .formelementerror {margin-bottom:15px; margin-right:0px;}
	.form3 .formelementerror .label {float:none;}
	.form3 .formelementerror .input {float:none;}
	.form3 .formelementerror .input .inputtextarea {width:100%}

	.form3 .formelementerroractive {margin-bottom:15px; margin-right:0px;}
	.form3 .formelementerroractive .label {float:none;}
	.form3 .formelementerroractive .input {float:none;}
	.form3 .formelementerroractive .input .inputtextarea {width:100%}

	.form3 #foglalas_guests_adult {margin-right:0px;}
}