

:root {
	--colors-light-green: #d1dfd4;
	--colors-light-green-darker: #b2cab7;
	--colors-kekbolygo-blue: #001a53;
	--colors-kekbolygo-green: #006648;
	--colors-darkblue-link: #0034b7;
	--colors-darkblue-link-highlight: #0067d5;
	--colors-kekbolygo-green-menu: #30934d;
	--colors-deep-blue: #001a58;
	--colors-hero-background: #0a170d;

	--colors-error: #ce232c;

	--colors-button-background-green: var(--colors-kekbolygo-green);
	--colors-button-background-green--highlight: #007553;
	--colors-kekbolygo-blue-text: var(--colors-kekbolygo-blue);


	--colors-kekbolygo-blue-text: rgb(18, 20, 23);
	--colors-light-green-darker: #90bdb3;
	--colors-kekbolygo-green: #03745a;
	--colors-darkblue-link: #0c333f;
	--colors-darkblue-link-highlight: #0c333fee;
}








[type=checkbox], [type=radio] {
	color: #3fc1bd !important;
}















.form-standalone-header .hero-additional {
	padding-bottom: var(--distance-responsive-big);
}




.form-standalone .inputs-inside-middle-separate-block--smallmargin-top {
	margin-top: 0;
}

.form-standalone {
	padding-top: 0 !important;
	padding-bottom: var(--distance-responsive-small) !important;
}

.form-standalone form {
	top: calc(-1 * var(--distance-responsive-big));
	position: relative;
	z-index: 100;
}

.inputs-inside-middle-separate-block {
	background: white;
	margin: 0 auto;
	    margin-top: 0px;
	padding: var(--distance-responsive-middle) var(--dist_0);
	max-width: var(--dist-alt_39);
	border-radius: 4px;
	margin-top: var(--distance-responsive-big-sm);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
}

.inputs-inside-middle-separate-block .stdinputelement.live-search .radio-selectors label {
	font-size: var(--fontsize-text);
	font-weight: 400;
	line-height: 20px;
	color: var(--colors-kekbolygo-blue-text);
	font-family: var(--font);
	cursor: pointer;
}

.inputs-inside-middle-separate-block .stdinputelement .radio-selectors label {
	border-color: transparent;
	padding-top: 10px;
}

.inputs-inside-middle-separate-block .stdinputelement .radio-selectors label.on {
	border-color: var(--colors-kekbolygo-blue-text);
	color: var(--colors-kekbolygo-green);
}

.inputs-inside-middle-separate-block .stdinputelement .radio-selectors label input {
	margin-right: 10px;
}

.inputs-inside-middle-separate-block .stdinputelement .radio-selectors label.on {
	font-weight: 400;
}

.inputs-inside-middle-separate-block .special-radio .radio-selectors:has(.on) label:not(.on) {
	opacity: .612;
}

.inputs-inside-middle-separate-block .special-radio .radio-selectors label {
	font-family: var(--font);
	font-size: var(--fontsize-heading-smaller);
	line-height: 20px;
	color: var(--colors-kekbolygo-blue-text);
	padding-left: 48px;
	position: relative;
	display: block;
	margin-bottom: 5px;
	margin-left: 0 !important;
}

.inputs-inside-middle-separate-block .special-radio .radio-selectors label span {
	font-size: var(--fontsize-text);
	font-weight: 300;
	margin-top: 0;
}

.inputs-inside-middle-separate-block .special-radio.long-text-radio .radio-selectors label {
    font-family: var(--font-news);
    font-weight: 400;
    font-size: var(--fontsize-text);
    line-height: 21px;
    &.on {
    	font-family: var(--font);
    }
}

.inputs-inside-middle-separate-block .special-radio.long-text-radio .radio-selectors:has(.on) label:not(.on) {
    opacity: .612;
}

.inputs-inside-middle-separate-block--smallmargin-top {
	margin-top: var(--distance-responsive-small);
}

.inputs-inside-middle-separate-block .btn-block.submit-block {
	margin-bottom: 0;
	padding-bottom: 0;
}

.inputs-inside-middle-separate-block .stdinputelement.live-search .live-selected .fa-close {
	font-size: var(--fontsize-text);
	color: var(--colors-light-green);
}

.inputs-inside-middle-separate-block .stdinputelement.live-search .input-hold span {
	color: var(--colors-light-green-darker);
	font-size: var(--fontsize-text);
}

.inputs-inside-middle-separate-block .inputLabel {
	font-size: var(--fontsize-text);
	line-height: 1.2;
	font-family: var(--font);
	font-weight:  800;
	color: var(--colors-kekbolygo-blue-text);
}

.inputs-inside-middle-separate-block .form-element-separator.has-text {
	border-top: 1px solid var(--colors-light-green);
}

.inputs-inside-middle-separate-block .stdinputelement.no-top-margin {
	margin-top: 0 !important;
}

.inputs-inside-middle-separate-block .stdinputelement.no-top-padding {
	padding-top: 0 !important;
}

.inputs-inside-middle-separate-block .stdinputelement .inputLabel .comment {
	color: var(--colors-light-green-darker);
}

.inputs-inside-middle-separate-block .tooltip, .inputs-inside-middle-separate-block .tooltip * {
	font-family: var(--font-news);
}

.tooltip.left > .tooltip-inner {background-color: var(--colors-kekbolygo-green-menu);opacity: 1;}
.tooltip.left > .tooltip-arrow {border-left-color: var(--colors-kekbolygo-green-menu);opacity: 1;}

.tooltip.right > .tooltip-inner {background-color: var(--colors-kekbolygo-green-menu);opacity: 1;}
.tooltip.right > .tooltip-arrow {border-right-color: var(--colors-kekbolygo-green-menu);opacity: 1;}

.tooltip.top > .tooltip-inner {background-color: var(--colors-kekbolygo-green-menu);opacity: 1;}
.tooltip.top > .tooltip-arrow {border-top-color: var(--colors-kekbolygo-green-menu);opacity: 1;}

.inputs-inside-middle-separate-block .mystdinputelement, 
.inputs-inside-middle-separate-block .stdinputelement .stdinput:not([type="checkbox"]):not([type="radio"]) {
	border: 1px solid var(--colors-light-green-darker);
	border-radius: 4px;
	font-family: var(--font);
	font-size: var(--fontsize-heading-smaller);
	line-height: 24px;
	font-weight: 400;
	vertical-align: middle;
	color: var(--colors-kekbolygo-green);
	padding: 8px 16px 8px 16px;
	width: 100%;
	transition: all var(--duration-fast);
}

.inputs-inside-middle-separate-block .simple-standard-input-select,
.inputs-inside-middle-separate-block .stdinputelement.date select,
.inputs-inside-middle-separate-block .stdinputelement select.std-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	border: 1px solid var(--colors-light-green-darker);
	border-radius: 4px;
	font-family: var(--font);
	font-size: var(--fontsize-heading-smaller);
	line-height: 24px;
	font-weight: 400;
	color: var(--colors-kekbolygo-green);
	padding: 8px 16px 8px 16px;
	width: 100%;
	background: white;
}

.inputs-inside-middle-separate-block .stdinputelement.selector:has(select) {
	position: relative;
	&::after {
		content: '';
		background: url(/2025/chevron.svg) no-repeat center center;
		position: absolute;
		width: 16px;
		height: 16px;
		right: 10px;
		bottom: 4px;
		transform: translateY(-50%) rotate(90deg) scale(.8);
		pointer-events: none;
		opacity: 1;
		background-size: contain;
	}
}

.inputs-inside-middle-separate-block .simple-standard-input-select,
.inputs-inside-middle-separate-block .stdinputelement.date select,
.inputs-inside-middle-separate-block .stdinputelement select.std-date-select {
	width: auto;
}


.inputs-inside-middle-separate-block .mystdinputelement:focus, 
.inputs-inside-middle-separate-block .stdinputelement .stdinput:focus:not([type="checkbox"]):not([type="radio"]),
.inputs-inside-middle-separate-block .stdinputelement select:focus {
	box-shadow: 0px 0px 2px 2px var(--colors-button-background-green--highlight);
}

.inputs-inside-middle-separate-block .file-upload {
	padding-left: 17px;
	padding-right: 17px;
}

.inputs-inside-middle-separate-block .file-upload .current-file {
	padding-bottom: var(--dist_-4);
	font-family: var(--font-news);
	font-weight: 400;
	font-size: var(--fontsize-middle);
	color: var(--colors-kekbolygo-blue-text);
}

.inputs-inside-middle-separate-block .file-upload:not(.no-file) .current-file {
    font-size: var(--fontsize-text);
    color: var(--colors-kekbolygo-green);
    font-weight: 600;
    padding-top: var(--dist_-4);
    padding-bottom: var(--dist_-2);
}

.inputs-inside-middle-separate-block .file-upload:not(.no-file) .current-file .fa {
	margin-right: 6px;
}

.inputs-inside-middle-separate-block .stdinputelement .inputLabel .optional {
    margin-top: var(--dist_-10);
    font-family: var(--font-news);
    font-weight: 400;
}

.inputs-inside-middle-separate-block .stdinputelement.checkbox label {
	line-height: 1.414;
	font-size: var(--fontsize-text);
	font-family: var(--font);
}

.inputs-inside-middle-separate-block .stdinputelement.checkbox label input {
	margin-top: 3.5px;	
}

.special-radio .radio-selectors label input {
	top: 13px;
	/*transform: translateY(-50%);*/
}

.inputs-inside-middle-separate-block .stdinputelement.checkbox label a {
	transition: all var(--duration-fast);
	text-decoration: underline;
}

.inputs-inside-middle-separate-block .stdinputelement.checkbox label a:not(:hover) {
	color: var(--colors-darkblue-link);
}

.inputs-inside-middle-separate-block .stdinputelement.checkbox label a:hover {
	color: var(--colors-darkblue-link-highlight);
}

.inputs-inside-middle-separate-block .stdinputelement.error .inputLabel .stdinput-error {
	font-size: var(--fontsize-middle);
	font-family: var(--font);
	font-weight: 400;
	margin-top: var(--dist_-6);	
	margin-bottom: var(--dist_-6);	
	color: var(--colors-error);
}



.inputs-inside-middle-separate-block .form-element-separator .text {
	font-size: var(--fontsize-text);
	font-family: var(--font-news);
	color: var(--colors-kekbolygo-blue);
}

.inputs-inside-middle-separate-block .formerrors.hasErrors {
	padding-top: 32px;
	font-size: var(--fontsize-text);
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	background: transparent;
	margin-bottom: 0;
}

.inputs-inside-middle-separate-block .formerrors.hasErrors > div {
	font-family: var(--font);
	font-weight: 400;
	text-align: left;
	background: #eee;
	border-radius: 4px;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: .5em;
	padding-bottom: .5em;
	line-height: 1.125;
}

.inputs-inside-middle-separate-block .mystdinputelement::placeholder,
.inputs-inside-middle-separate-block .stdinputelement .stdinput:not([type="radio"]):not([type="checkbox"])::placeholder {
	color: var(--colors-light-green-darker);
}

.input-separator {
	height: var(--dist_3);
}

.inputs-inside-middle-separate-block .form-element-separator.tall {
	margin-top: var(--dist_5);
}

.inputs-inside-middle-separate-block .form-element-separator.tall.tall-double .text {
	font-size: var(--fontsize-text);
	font-family: var(--font);
	font-weight: 400;
	line-height: 1.25;
	max-width: 80%;
}

.inputs-inside-middle-separate-block .form-element-separator.tall.tall-double + .tall {
	margin-top: var(--dist_1);
}

.inputs-inside-middle-separate-block .inputs-inside > .form-element-separator.tall:first-child {
	margin-top: var(--dist_1);
}

.inputs-inside-middle-separate-block .stdinputelement.checkbox label {
	color: var(--colors-kekbolygo-blue-text);
}

.inputs-inside-middle-separate-block .stdinputelement.error > .stdinput-error {
	font-size: var(--fontsize-text);
	font-family: var(--font);
	font-weight: 400;
	padding-left: 17px;
	color: var(--colors-error);
}

.inputs-inside-middle-separate-block .stdinputelement.error > .stdinput-error.standalone {
	font-size: var(--fontsize-middle);
    font-family: var(--font);
    font-weight: 400;
	padding-left: 17px;
	color: var(--colors-error);
}

.inputs-inside-middle-separate-block .stdinputelement.checkbox.error label {
	color: var(--colors-error);
}


.inputs-inside-middle-separate-block .stdinputelement.checkbox label {
	padding-left: 42px;
}

.inputs-inside-middle-separate-block .stdinputelement .prefix-text,
.inputs-inside-middle-separate-block .stdinputelement .postfix-text {
	color: var(--colors-kekbolygo-blue-text);
	font-family: var(--font-news);
	font-size: var(--fontsize-text);
	font-weight: 600;	
}





.inputs-inside-middle-separate-block .stdinputelement.live-search .live-results {
	color: var(--colors-kekbolygo-blue-text);
}

.inputs-inside-middle-separate-block .stdinputelement.live-search .live-results .listitem {
	border-color: var(--colors-light-green);
	font-family: var(--font);
	font-weight: 400;
	font-size: var(--fontsize-heading-smaller);	
	line-height: 1.25;
}

.inputs-inside-middle-separate-block .stdinputelement.live-search .subText {
	font-size: var(--fontsize-middle);
	padding-top: .25em;
	font-weight: 300;
}

.inputs-inside-middle-separate-block .stdinputelement.live-search .live-results .live-search-message {
	color: var(--colors-kekbolygo-green-menu);
	font-family: var(--font);
	font-weight: 400;
	font-size: var(--fontsize-text);
}

.inputs-inside-middle-separate-block .stdinputelement.live-search .live-selected {
	font-family: var(--font);
	font-weight: 400;
	font-size: var(--fontsize-text);
	color: var(--colors-kekbolygo-green);
	border-color: transparent;
	padding-top: var(--dist_-2);
}

.inputs-inside-middle-separate-block .stdinputelement.live-search .live-selected .text {
	font-size: var(--fontsize-heading-smaller);
	line-height: 1.25;
}

.inputs-inside-middle-separate-block .stdinputelement.live-search .live-results .listitem:hover {
	border-color: var(--colors-light-green);
	background: var(--colors-kekbolygo-green-menu);
	color: white;
}












.btn-primary {

	&:not(:hover) {
		border-color: var(--color-alp-blue);
		background: var(--color-alp-blue);
	}

	&:hover {
		border-color: var(--color-alp-blue);
		background: var(--color-alp-blue);
		opacity: .8;		
	}

	&:focus, &:active {
		border-color: var(--color-alp-blue);
		background: var(--color-alp-blue);
		opacity: 1;		
	}

	&:active:hover {
		border-color: var(--color-alp-blue);
		background: var(--color-alp-blue);
		opacity: 1;		
	}

}




























/* === FADER (backdrop) === */
.pv-layer-fader {
	background: rgba(0,0,0,0.35);
	position: fixed;
	z-index: 900000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* === PV-LAYER (modal container) === */
.pv-layer {
	overflow-y: auto;
	position: fixed;
	text-align: center;
	z-index: 900001;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* === PV-LAYER BODY === */
.pv-layer .body {
	text-align: left;
	margin: 0 auto;
	position: relative;
	box-shadow: 0 0px 40px 10px rgba(0,0,0,0.22);
	border-radius: 4px;
	max-width: 600px;
	background: #FFF;
	padding: 32px;
	color: #5e2c0c;
	transition: transform .65s;
	transform: translateY(-20px);
}

.pv-layer .body.opened {
	transform: translateY(0);
}

/* === INTERNALS === */
.pv-layer .body .title {
	font-size: 2em;
	text-align: center;
}

.pv-layer .body .paragraph {
	font-size: 1em;
	padding-top: 8px;
	text-align: center;
}

.pv-layer .body .closer {
	position: absolute;
	left: 100%;
	cursor: pointer;
	bottom: 100%;
	-moz-transition: all,150ms;
	-o-transition: all,150ms;
	-webkit-transition: all,150ms;
	transition: all,150ms;
	color: #E04B00;
	font-size: 20px;
	line-height: 30px;
	margin-left: -15px;
	margin-bottom: -15px;
	width: 30px;
	height: 30px;
}

.pv-layer .body .closer .fa {
	box-shadow: 0 0px 5px 0px rgba(0,0,0,0.15);
	background: #FFF;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}

.pv-layer .body .closer:hover {
	color: #cc105c;
}

.pv-layer .body .top-icon {
	padding-bottom: 16px;
	padding-top: 16px;
	display: block;
	text-align: center;
}

.pv-layer .body .top-icon.fa-exclamation-triangle {
	color: #ce232c;
}

.pv-layer .body .top-icon.fa-check-circle {
	color: #0dad21;
}

.pv-layer .body .buttons {
	text-align: center;
	padding-top: 48px;
}

.pv-layer .body .buttons .cancelbutton {
	margin-right: 8px;
}

.pv-layer .body .buttons.loading {
	opacity: .4;
}

.pv-layer .body .buttons.loading .button {
	cursor: default;
}

.pv-layer .body .buttons.loading:after {
	content: "Folyamatban.";
	display: block;
	font-size: 10px;
	margin-top: 20px;
}

/* === ALTERNATE BOX STYLE === */
.pv-layer .body .alternate-box {
	border-radius: 0;
	text-align: center;
	margin-top: 32px;
	padding: 32px;
	padding-top: 32px;
	padding-bottom: 32px;
	background: #cc105c;
	margin-left: -32px;
	margin-right: -32px;
	color: #FFF;
	font-size: .8em;
}

.pv-layer .body .alternate-box h3 {
	padding-bottom: 8px;
	font-size: 2em;
	font-weight: 600;
}

.pv-layer .body .alternate-box p {
	text-align: justify;
}





.top-message-holder {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
.top-message {
	background: var(--color-alp-blue);
}












.pv-layer .body {
	font-size: var(--fontsize-heading-smaller);
	font-family: var(--font);
	font-weight: 400;
	color: var(--colors-kekbolygo-blue-text);
	line-height: 1.5;
}

@media (max-width: 700px) {
	.pv-layer .body.opened {
		max-width: calc(100vw - 2 * var(--dist_2));
	}
}

.pv-layer .body .buttons {
	padding-top: var(--distance-responsive-middle);	
}

.pv-layer .body .paragraph {
	font-size: var(--fontsize-text);
}

.pv-layer .body .title {
	font-size: var(--fontsize-heading-smaller);
	font-family: var(--font);
	font-weight: 400;
	color: var(--colors-kekbolygo-blue-text);
	line-height: 1.5;
}

.pv-layer .body .top-icon {
	font-size: var(--fontsize-heading-larger);
}

.pv-layer .body .closer .fa {
	color: var(--colors-kekbolygo-blue);
}

.pv-layer .body .closer .fa:hover {
	color: var(--colors-darkblue-link-highlight);	
}



