.contact_form input:hover {
	transition: all 1s ease-out;
	border: 1px solid #4791d2;
}
.contact_form input:focus {
	border: 1px solid #4791d2;
}
.contact_form textarea:hover {
	transition: all 1s ease-out;
	border: 1px solid #4791d2;
}
.contact_form textarea:focus {
	border: 1px solid #4791d2;
}		
/* The container */
.checkhack {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	width: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkhack input {
	position: absolute;
	opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #d6d6d6;
}

/* On mouse-over, add a grey background color */
.checkhack:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkhack input:checked ~ .checkmark {
	background-color: #5B7B7A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkhack input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkhack .checkmark:after {
	left: 8px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.uj_erdeklodo {
	margin-top: 30px;
	padding: 0px 25px 25px 25px;
	border: 2px solid #5B7B7A;
	background-color: #fff;
}
.uj_erdeklodo h5 {
	color: #ffffff;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	display: inline;
	text-transform: none;
}
.uj_erdeklodo .h5-div {
	background-color: #5B7B7A;
	position: relative;
	top: -22px;
	width: fit-content;
	padding: 10px 20px;
}

	/* Customize the label (the container) */
.radiohack {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: auto;
	text-align: left;
}

/* Hide the browser's default radio button */
.radiohack input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom radio button */
.radiomark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #d6d6d6;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiohack:hover input ~ .radiomark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiohack input:checked ~ .radiomark {
	background-color: #5B7B7A;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiohack input:checked ~ .radiomark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radiohack .radiomark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}		

form p {
	text-align: unset;
	float: none;
	width: auto;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

label + p {
	padding-top: 20px;
}

.ovip-asszisztens-ki {
	display: none;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin-top: 1rem;
}