/* 2026.06.11 */
		html {
			scroll-behavior: smooth;
		}
		
		body {
				margin: 30px;
				font-family: Arial, Helvetica, sans-serif;
				}
			@media (max-width: 900px) {
				body {
				margin: 10px;
				font-family: Arial, Helvetica, sans-serif;
				}
			}
	

			* {
			  box-sizing: border-box;
			}

			input[type=text], select, textarea {
			  width: 100%;
			  padding: 12px;
			  border: 1px solid #ccc;
			  border-radius: 4px;
			  resize: vertical;
			}

			label {
			  padding: 0 0 0 0;
			  display: inline-block;
			}
			
			.fullpage {
				width: 85%
			}

			.container {
			  border-radius: 5px;
			  background-color: #f2f2f2;
			  padding: 20px;
			  max-width: 80%;
			}

			.col-1 {
			  float: left;
			  width: 55%;
			  /*margin-top: 6px;*/
			}

			.col-2 {
			  float: left;
			  width: 45%;
			  text-align: left;
			  border: 10px solid transparent;
			  /*margin-top: 6px;
				border-left-style: solid;
				border-left-width: 15px;
				border-left-color: #f2f2f2;
				line-height: 1.6;*/
			}

			/* Clear floats after the columns */
			.row2:after {
			  content: "";
			  display: table;
			  clear: both;
			}

			/* Responsive layout - when the screen is less than 1000px wide, make the two columns stack on top of each other instead of next to each other */
			@media screen and (max-width: 1000px) {
			  .container {max-width: 100%;}
			  .col-2, .col-1, input[type=submit] {
				width: 100%;
				margin-top: 0;
				border: 0;
			  }
			  .fullpage {
			  width: 100%;
			  }
			}

			center.margo1 {
			  margin: 8px;
			}								

			#success_message{ display: none;}
	


		.megrendel_button {
		  display: inline-block;
		  border-radius: 4px;
		  background-color: #50990d /*f03343*/;
		  border: none;
		  color: #FFFFFF;
		  text-align: center;
		  font-size: 20px;
		  font-weight: 500;
		  padding: 10px;
		  width: 210px;
		  transition: all 0.5s;
		  cursor: pointer;
		  margin: 5px;
		  transition: box-shadow 0.2s, transform 0.2s, color 0.2s;
		  transition-property: box-shadow, transform, color;
		  transition-duration: 0.2s, 0.2s, 0.2s;
		  transition-timing-function: ease, ease, ease;
		  transition-delay: 0s, 0s, 0s;
		}

		.megrendel_button span {
		  cursor: pointer;
		  display: inline-block;
		  position: relative;
		  transition: 0.5s;
		}
		
		.megrendel_button:active {
		  box-shadow: 0 0px 0 0 #2d6911, 0 3px 0 0 rgba(0, 0, 0, 0), 0 4px 16px rgba(0, 0, 0, 0), 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset;
		  transition: 0s;
		  color: #367f14;
		  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		}

		.megrendel_button span:after {
		  content: '';
		  position: absolute;
		  opacity: 0;
		  top: 0;
		  right: -20px;
		  transition: 0.5s;
		}

		.megrendel_button:hover span {
		  padding-right: 25px;
		}

		.megrendel_button:hover span:after {
		  opacity: 1;
		  right: 0;
		}
		
		/* Foxpost másik automata választó gomb */
		.button_another_aut {
		  align-items: center;
		  background-clip: padding-box;
		  background-color: #fa6400;
		  border: 1px solid transparent;
		  border-radius: .25rem;
		  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
		  box-sizing: border-box;
		  color: #fff;
		  cursor: pointer;
		  display: inline-flex;
		  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
		  font-size: 14px;
		  font-weight: 400;
		  justify-content: center;
		  line-height: 1.25;
		  margin: 0;
		  min-height: 3rem;
		  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
		  position: relative;
		  text-decoration: none;
		  transition: all 250ms;
		  user-select: none;
		  -webkit-user-select: none;
		  touch-action: manipulation;
		  vertical-align: baseline;
		  width: auto;
		}

		.button_another_aut:hover,
		.button_another_aut:focus {
		  background-color: #fb8332;
		  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
		}

		.button_another_aut:hover {
		  transform: translateY(-1px);
		}

		.button_another_aut:active {
		  background-color: #c85000;
		  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
		  transform: translateY(0);
		}
		
		.error-message  {
			font-size: 24px;
			border: 1px solid;
			margin: 10px 0px;
			padding: 15px 10px 15px 90px;
			background-repeat: no-repeat;
			background-position: 10px center;
			color: #D8000C;
			background-color: #FFBABA;
			background-image: url('failed.png');
		}
		.info-message  {
			font-size: 24px;
			border: 1px solid;
			margin: 10px 0px;
			padding: 15px 10px 15px 90px;
			background-repeat: no-repeat;
			background-position: 10px center;
			color: #4F8A10;
			background-color: #DFF2BF;
			/*background-image: url('failed.png');*/
		}