/* general */
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif, "Open Sans", Arial;
	font-size: 15px;
	outline: none;
}
:root {
	--color-cerulean: rgb(155, 183, 212); /*#9bb7d4; szürkésék*/
	--color-darkbrown: rgb(126, 74, 53); /*#7e4a35 sötétbarna*/
	--color-lightbrown: rgb(216, 156, 121); /*#d89C79 világosbarna*/
	--color-darkgray: rgb(68, 63, 60); /*#443f3c sötétszürke*/
	--color-illuminating: rgb(245, 223, 77); /*#f5df4d világos élénk sárga*/
	--color-gray122: rgb(122, 122, 122); /*#7a7a7a világosabb szürke*/
	--color-marigold: rgb(253, 172, 83); /*#fdac53 körömvirág*/
	--color-marigold06: rgba(253, 172, 83, 0.6);
	--color-frenchblue: rgb(0, 114, 181); /*#0072b5 világoskék*/
	--color-lightpink: rgb(255, 170, 170); /*#ffaaaa rózsaszín*/
	--color-teal: rgb(0, 128, 128); /*#008080*/
	--color-rgba000025: rgba(0, 0, 0, 0.25);
	--color-purple: rgb(128, 0, 128); /*#800080; lila*/
	--primary-light-hsl: 200, 100%, 91%;
	--primary-hsl: 200, 100%, 50%;
	--primary-dark-hsl: 200, 100%, 6%;
	--success-hsl: 100, 60%, 50%;
	--error-hsl: 0, 60%, 50%;
	--color-darkhsl07: hsl(var(--primary-dark-hsl), 0.8);
	--headertransition: 0.25s;

	--clr-azure: hsl(180, 100%, 97%);
	--clr-paynesgray: hsl(193, 24%, 41%);
	--clr-yinmnblue: hsl(223, 24%, 41%);
	--clr-onyx: hsl(228, 12%, 24%);
	--clr-darkbrown: hsl(13, 24%, 41%); /*rose taupe*/
	--clr-lightbrown: hsl(43, 24%, 41%);
	--clr-antiflashwhite: hsl(180, 100%, 97%);
	--clr-creamywhite: hsl(60, 100%, 97%);
	--clr-forestgreen: hsl(120, 61%, 34%);
	--clr-lightgreen: hsl(127, 50%, 68%);
	--clr-darkgrey: hsl(23, 6%, 25%);
	--clr-layer: hsla(0, 0%, 0%, 0.25);
	--clr-grey: hsl(0, 0%, 50%);
	--clr-silver: hsl(0, 0%, 75%);
	--clr-black: hsl(0, 10%, 10%);
	--clr-red: hsl(0, 100%, 40%);
}
html {scroll-behavior: smooth;}
body {
	background-color: var(--clr-azure);
	width: 95%;
	/* min-width: 360px; */
	min-width: 400px;
	max-width: 1280px;
	min-height: 450px;
	margin: 0 auto;
	/* padding: 1em; */
}
header,
main,
footer {
	min-width: inherit;
	/* width: inherit; */
	margin: inherit;
	max-width: inherit;
}
/* fő konténer */
.div-container {
	/* padding: 0 1rem; */
	width: inherit;
	margin: inherit;
	min-width: inherit;
	max-width: inherit;
}
header {
	position: sticky;
	background-color: var(--clr-darkgrey);	
	z-index: 9999;
	top: 0;
}
footer {
	display: block;
	width: inherit;
	-webkit-transform: translate(0, 3rem);
	transform: translate(0, 3rem);
	/* position: absolute;
	bottom: 1rem; */
}
#div-index-container hr, footer hr {
	margin: 4px;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
footer p {
	margin-left: 8px;
	font-size: 0.95rem;
}
footer .div-szinvatrend {
	justify-content: center;
	display: flex;
	align-items: flex-start;
	display: none !important;
}
footer .div-szinvatrend a {
	/* text-decoration: none; */
	font-size: 0.9rem;
	color: inherit;
}
/* reset pwd */
.div-reset-pwd {
	/* transform: translate(-50%, -50%);
	position: absolute;
	top: 40%;
	left: 50%; */
	-webkit-transform: translate(0, 1rem);
	transform: translate(0, 1rem);
	box-shadow: 15px 15px 15px var(--clr-darkgrey);
	min-width: 300px;
	max-width: 600px;
	width: 80%;
	margin: 0 auto;
}
.div-reset-pwd section {
	-webkit-display: flex;
	display: flex; 
	gap: 1rem; 
	flex-direction: column; 
	padding: 1em; 
	background-color: var(--clr-paynesgray);
}
.div-reset-pwd section h1 {
	align-self: center; 
	font-size: initial;
}
.div-reset-pwd section h1::before {
	content: "\1F511";
	padding-right: 0.5em;
	/* html: 🔑 */
}
.div-reset-pwd section p {
	line-height: 1.4em;
}
.div-reset-pwd section #p-message {
	line-height: 1.6em;
	font-size: 1.2rem;
	color: var(--color-illuminating);
}
.div-reset-pwd section > * {color: var(--clr-antiflashwhite);}
.div-reset-pwd section form {
	-webkit-display: flex;
	display: flex; 
	gap: 1rem; 
	flex-direction: column;
}

.div-reset-pwd section form input {
	margin: 0.5rem 0; 
	padding-left: 0.25em; 
	/* box-shadow: 0 0 15px 0 var(--color-darkhsl07); */
	line-height: 2em;
	min-width: 35ch;
}
.div-reset-pwd section form input[type="text"] {max-width: 35ch;}
.div-reset-pwd section form button {
	border-radius: 1rem;
	cursor: pointer;
	line-height: 2.5em;
	width: 250px;
	border: none;
	align-self: center;		
}
.div-reset-pwd section a,
#p-message a {
	padding: 0.5em;
	width: auto;
	border-radius: 0.5rem;
	text-decoration: none;
	margin-top: 2rem;
	align-self: flex-end;
	align-items: center;
	text-align: center;
}
.div-reset-pwd section a,
/* .div-forgotten-pwd a,  */
#p-message a,
.div-reset-pwd section form button {
	color: var(--clr-antiflashwhite);
	background-color: var(--clr-onyx);
}
.div-reset-pwd section a:hover,
.div-reset-pwd section button:hover, 
#p-message a:hover,
/* .div-forgotten-pwd a:hover, */
/* .div-forgotten-pwd a:focus,  */
.div-reset-pwd section a:focus,
.div-reset-pwd section button:focus,
#p-message a:focus {
  background-color: var(--clr-antiflashwhite);
  color: var(--clr-darkgrey);
	box-shadow: 0 0 0 2px var(--color-illuminating);
}
/* custom alert box - ez a külső fedőréteg */
.cab-overlay {
	z-index: 10000;
	position: fixed;
	width: 100vw;
	height: 100vh;
	height: 100svh;
	top: 0;
	left: 0;
	background: var(--clr-layer);
	-webkit-display: flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* ez a modális üzenet ablak */
.cab-modal {
	max-width: 600px;
	background: var(--clr-creamywhite);
	border: 1px solid var(--color-darkbrown);
	box-shadow: 0 0 15px var(--clr-darkgrey);
}

/* bejelentkező form és a rajta lévő vezérlések */
#div-index-container {
	margin: 0 auto;
	/* width: auto; */
	width: 95%;
	min-width: 340px;
	max-width: 600px;
	height: auto;
	box-shadow: 15px 15px 15px var(--clr-darkgrey);
	-webkit-transform: translate(0, 1rem);
	transform: translate(0, 1rem);
}
.div-forgotten-pwd {
	-webkit-display: flex;
	display: flex;
	flex-direction: column;
	padding: 2em 1em 0.25em;
	background-color: var(--clr-paynesgray);
}
.div-forgotten-pwd a {
	padding: 1em;
	color: var(--clr-antiflashwhite);
	text-decoration: none;
	border-radius: 1.5rem;
	width: 250px;
	text-align: center;
	align-self: center;
	font-family: system-ui, sans-serif;
	/* font-size: 1.1rem; */
}
#div-index-header {
	height: auto;
	background-color: var(--clr-onyx);
	border-radius: 0.5rem 0.5rem 0 0;
}
#div-index-header h2 {
	text-align: center;
	font-size: 1.4rem;
	font-weight: bolder;
	padding: 0.5em 1em;
	color: var(--clr-antiflashwhite);
  word-wrap: break-word;
}
.div-login {
	position: relative;
	width: 30ch;
}
.div-login input {
	padding: 16px 4px 0 4px;
	width: 100%;
	border-radius: 5px;
	height: 50px;
	font-size: 1.2rem;
}
.div-login input:hover,
.div-login input:focus {box-shadow: 0 0 2px 2px var(--color-illuminating);}
.div-login span {
	position: absolute;
	padding: 16px 0 0 4px;
	left: 0;
	pointer-events: none;
	font-size: 1.2rem;
	transition: 0.4s;
	color: var(--clr-grey);
}
/* .div-login input:valid ~ span, .div-login input:focus ~ span { */
.requiredcontrol ~ span {
	color: var(--color-purple);
	-webkit-transform: translateX(2px) translateY(-4px);	
	transform: translateX(2px) translateY(-4px);
	font-size: 1rem;
	padding: 8px 4px 0 4px;
}
.frm-login {
	background-color: var(--clr-paynesgray);
	/* height: 255px; */
	height: auto;
	padding-top: 0.5em;
	-webkit-display: flex;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}
#frm-logout div {
	width: 1px;
	height: 72px;
	background-color: var(--clr-paynesgray);
	position: absolute;
	top: 12px;
	right: 72px;
}
.frm-login #p-message {
	text-align: center;
	/* color: var(--clr-azure); */
  font-size: 1.1rem;
  padding: 0.5em;
  /* height: 1.25rem; */
	height: auto;
	line-height: 1.6em;
	font-size: 1.2rem;
	color: var(--color-illuminating);
}
/* .frm-login #p-message a {
	text-decoration: none;
	font-size: inherit;
	color: var(--clr-antiflashwhite);
	padding-left: 0.25em;
	align-self: flex-start;
	margin: 1.5rem;
} */
.div-newpwd #txt-password,
.div-newpwd #txt-password2 {
	height: 30px;
	width: 240px;
}
/* kijelentkező és bejelentkező gombok */
#btn-login-submit,
#btn-logout-submit,
#btn-savepwd-submit,
#btn-setpwd-cancel {
	cursor: pointer;
	width: 150px;
	height: 45px;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	border: 0;
	line-height: 2.5;
	letter-spacing: 1.1px;
	padding: 0 20px;
	font-size: 1rem;
	text-align: center;
	color: var(--clr-creamywhite);
	text-shadow: 1px 1px 1px #000;
	border-radius: 10px;
	background-color: var(--clr-darkbrown);
	background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}
#btn-savepwd-submit,
#btn-setpwd-cancel {width: 140px;}

#btn-login-submit:hover,
#btn-logout-submit:hover,
#btn-savepwd-submit:hover,
#btn-setpwd-cancel:hover,
#btn-login-submit:focus,
#btn-logout-submit:focus,
#btn-savepwd-submit:focus,
#btn-setpwd-cancel:focus {
  font-weight: bolder;  
	box-shadow: 0 0 2px 2px var(--color-illuminating); 
}
#btn-logout-submit {margin-top: 4px;}
.btn-buttons {
	height: 70px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	background-color: var(--clr-grey);
	transition-duration: 0.4s;
	background-repeat: no-repeat;
	background-position: center top;
}
.btn-buttons span {
	display: block;
	padding-top: 30px;
}
.btn-buttons span:hover {color: var(--clr-creamywhite);}
.btn-buttons:hover {
	background-color: var(--color-gray122);
	color: var(--clr-creamywhite);
	font-weight: bolder;
}
#btn-exit {
	background-image: url("../images/application-exit-2.png") /* no-repeat top center*/;
	background-color: transparent;
	width: 32px;
	height: 32px;
	border: none;
}
#btn-exit:hover {
	-webkit-transform: scale(1.2) !important;	
	transform: scale(1.2) !important;
}
#btn-savepwd-submit,
#btn-setpwd-cancel {position: relative;}
#btn-savepwd-submit img,
#btn-setpwd-cancel img {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(25%, -50%);	
	transform: translate(25%, -50%);
}
#btn-savepwd-submit span,
#btn-setpwd-cancel span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(calc(-50%, -50%));	
	transform: translate(-50%, -50%);
}
.div-control {
	display: flex;
	/* ezt kell majd kisebb nézetbe beállítani ! */
	/* flex-direction: column; */	
}
.div-enteredinfo_ {
	max-width: 1200px;
	position: fixed;
	top: 0;
	-webkit-display: flex;
	display: flex;
	width: calc(100% - 2rem);
	z-index: 300;
	padding: 4px;
	height: inherit;
	background-color: var(--clr-onyx);
	justify-content: space-between;
	align-items: center;
	/* -webkit-transform: translate(1px);
	transform: translate(1px); */
	left: calc(50% - 0.5rem);
	-webkit-transform: translate(calc(-50% + 0.5rem), 0);	
	transform: translate(calc(-50% + 0.5rem), 0);	
}
.div-enteredinfo_ * {color: var(--clr-creamywhite);}
.div-enteredinfo_ .div-userrights {
  display: -webkit-flex;
  display: flex;
	/* flex-direction: column; */
  /* flex: 1; */
  align-items: baseline;
	color: var(--clr-creamywhite);
  /* width: calc(28ch + 14px + 26px); */
  padding: 4px;
	height: inherit;
	/* transform: translate(55px); */
  /* border-bottom: 2px ridge var(--color-lightgrey);
  margin-bottom: 4px; */
  /* justify-content: center; */	
}
.div-enteredinfo_ .div-userrights label {margin-left: 0.25rem;}
.div-enteredinfo_ fieldset * {font-size: 0.9rem;}

.div-lifetask {
	visibility: hidden;
	-webkit-display: flex;
	display: flex;
	/* align-items: center; */
	/* flex-direction: column; */
}
/* .div-lifetask #txt-lifetask {
	background-color: transparent;
	color: inherit;
	padding-left: 0;
	margin-left: -4px;
} */
.div-nevelemzes,
.div-grid-container1,
.div-grid-container2,
.div-grid-container3,
.div-grid-container4,
.div-grid-container5,
.div-grid-container5_2,
.div-grid-container6,
.div-grid-container7 {
	justify-content: left;
	align-items: center;
	width: 100%;
	/* max-width: 1200px; */
	/* margin: 0 auto; */
	margin-top: 0.5rem;
	padding-left: 0.25em;
}
.div-nevelemzes {
	padding-block: 1rem;
	width: inherit;
	/* top: 40px; */
	/* position: fixed; */
	/* width: calc(100% - 2rem); */
	background-color: var(--clr-onyx);
	z-index: 200;
	box-shadow: 0 0 15px 0 var(--color-darkhsl07);
	clip-path: inset(0px -15px 0 -15px);
	/* left: calc(50% - 0.5rem);
	-webkit-transform: translate(calc(-50% + 0.5rem), 0);	
	transform: translate(calc(-50% + 0.5rem), 0); */
	padding: 0.25em;
}
/* .div-nevelemzes { */
	/* -webkit-display: flex;
	display: flex;   */
	/* height: 144px;	 */
	/*fit-content;*/
	/* border-top-left-radius: 0.75rem; */
/* } */
.div-nevelemzes fieldset {padding: 0.35em;}
.div-nevelemzes .flds-buttons {
  border: none;
}
.div-nevelemzes fieldset legend {
	padding: 0.15em 1.5em;
	color: var(--clr-red);
	background-color: var(--clr-azure);
	font-weight: 500;
	width: 20ch;
}
.div-nevelemzes select {
	background-color: var(--clr-creamywhite);
	height: 22px;
	border-radius: 10%;
}
.div-nevelemzes input:focus,
.div-nevelemzes select:focus,
.div-nevelemzes button:focus {
	box-shadow: 0 0 2px 2px var(--color-illuminating);
}
.div-btk_en_szama {
	border-bottom-left-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
	top: 183px;
}
.div-grid-container1,
.div-grid-container2,
.div-grid-container3,
.div-grid-container4,
.div-grid-container5,
.div-grid-container5_2,
.div-grid-container6,
.div-grid-container7 {
	border-radius: 0.75rem;
	box-shadow: 0 0 15px 0 var(--color-darkhsl07);
	background-color: var(--color-darkhsl07);	
	display: grid;
	grid-template-columns: 17ch repeat(12, 2.5ch);
	color: var(--clr-creamywhite);	
	visibility: hidden;
}
.div-grid-container4, .div-grid-container5, .div-grid-container5_2 {grid-template-columns: 30ch repeat(17, 2.5ch);}
.div-grid-container6,
.div-grid-container7 {grid-template-columns: repeat(8, 0.9fr);}
.grid-item.grid-label.label-nev {
	background-color: var(--clr-azure);
	color: var(--clr-red);
	margin-left: -0.25rem;
	/* margin-right: -0.545rem; */
	border-top-left-radius: 0.75rem;
	/* border-top-right-radius: 0.75rem; */
	padding-left: 0.25em;
}
/* .div-grid-container2 {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	margin-top: 0.5rem;
	color: var(--clr-creamywhite);
	min-width: 553px;
} */
.frm-calc {
	-webkit-display: flex;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
	/* margin: 0.5rem 0 0; */
}
.frm-calc > * {color: var(--clr-creamywhite);}
.div-data label {
	color: var(--clr-creamywhite);
	display: inline-block;
	width: 95px;
}
/* .div-lifetask {
	position: absolute;
	-webkit-transform: translate(-10ch, 0);
	-o-transform: translate(-10ch, 0);
	transform: translate(-10ch, 0);
	height: 60px;
	right: 0;
}
.div-lifetask label {text-align: right;}
.div-lifetask.div-data > * {
	text-align: left;
	width: 125px;
} */
.div-data input {
	padding: 0.2em;
	/* background-color: hsl(var(--primary-light-hsl), .3); */
	background-color: var(--color-gray122);
	border: none;
	outline: none;
	border-radius: 0.25em;
	color: var(--clr-creamywhite);
	font-weight: lighter;
	/* width: 50%; */
	/* ezt majd később változóba ! */
	width: calc(100% - 95px - 0.35em - 6px);
	max-width: 60ch;
	margin-left: 3px;
}
/* .div-datavaros {
	-webkit-display: flex;
	display: flex; 
	align-items: center;
	margin-bottom: 0.5rem;
} */
.div-databirth {
	-webkit-display: flex;
	display: flex;
	align-items: center;
}
.div-databirth input[type="datetime-local"]
/*.div-datavaros.div-data input*/ {
	width: 210px;
	margin-left: 7px;
}
/* .div-datavaros.div-data input {	margin-left: 0.5rem; } */
/* .div-data #btn-dataopen, .div-data #btn-datasave {	
	display: inline-block;
	height: 25.5px;
	margin-left: 0.5rem;
	width: 100px;	
	border: 1px solid hsl(var(--primary-hsl));
} */
/* .div-data #btn-datasave {margin-left: 5rem;} */
.div-data #btn-datasave {background-color: var(--color-darkbrown);}

/* .div-data #btn-dataopen:hover, .div-data #btn-datasave:hover {background-color: hsl(var(--primary-hsl), 0.4);} */
/* .btn-calc {margin-left: 0.5rem;} */

/* .div-data input:focus, .div-databirth span select:focus {
  box-shadow: 0 0 0 1px hsl(var(--success-hsl));
} */
/* #year {
	width: 70px;
	margin-left: -8px;
}
#month {width: 120px;}
#day {width: 50px;} */
.div-calc {
	-webkit-display: flex;
	display: flex;
	gap: 1.5rem;
	justify-content: space-evenly;
}
.btn-calc {
	padding: 0.25em 1em;
	font-weight: lighter;
	color: var(--clr-creamywhite);
	background-color: hsl(var(--primary-hsl), 0.25);
	border: 1px solid hsl(var(--primary-hsl));
	border-radius: 0.25em;
	outline: none;
	cursor: pointer;
	margin-left: 0.5rem;
	width: 130px;
}
#btn-print, #btn-open {
	/* display: none;
	width: 130px;
	min-width: 130px;
	height: 27.5px; */
	background-color: var(--color-darkbrown);
}
#btn-print:hover,
#btn-print:focus,
.div-data #btn-datasave:hover,
.div-data #btn-datasave:focus
 {background-color: var(--color-marigold06);}
.btn-calc:hover,
.btn-calc:focus {background-color: hsl(var(--primary-hsl), 0.7);}
fieldset .btn-calc:active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.div-grid-container6 .div-gridcaption,
.div-grid-container7 .div-gridcaption {
	grid-column: 1 / 9;
	text-align: center;
	background-color: var(--clr-azure);
	color: var(--clr-red);
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
	padding: 0.25em 0;
	margin-left: -0.25rem;
	font-size: 1rem;
	text-align: center;	
	align-self: end;
	font-weight: 600;
}

.div-grid-container6,
.div-grid-container7 { column-gap: 0.5rem; }
.div-grid-container6 .grid-item,
.div-grid-container7 .grid-item {text-align: left;}
.div-grid-container6 .current_cycle,
.div-grid-container7 .current_cycle {color: var(--color-illuminating);}
.grid-item {text-align: left;}
/* .current_cycle {color: var(--color-illuminating);} */
#chk-borderbottom {
	-webkit-transform: scale(1.6);	
	transform: scale(1.6);
	align-self: center;
	margin-left: 1.5rem;
}
.grd-col3_5 {grid-column: 3 / 5;}
.grd-col5_7 {grid-column: 5 / 7;}
.grd-col5_7 + div {grid-column: 7 / 9;}
#chk-borderbottom + label {align-self: center;}
.grid-item {
	background-color: transparent;
	padding: 0.25em 0;
	font-size: 1rem;
	text-align: center;
	color: inherit;
	align-self: end;
}
.div-group.grid-item {border-bottom: 1px solid var(--color-illuminating);}
.grid-item.grid-label {
	grid-column: 1 / 1;
	text-align: left;
}
/* .grid-item.grid-label:nth-child(even) {background-color: var(--color-graygreen)}; */
.grid-bt1 {border-bottom: 1px solid var(--clr-creamywhite);}

/* ********************************************************** */

@media only screen and (max-width: 660px) {
	.div-databirth.div-data {
		flex-direction: column;
		align-items: flex-start;
	}
	/* .div-container {
		position: relative;
		top: -40px;
		top: 0;
	} */
	/* .div-enteredinfo_ {position: relative;} */
	/* .div-enteredinfo {position: relative;} */
	/* .div-h-menu { */
		/* display: unset;
    position: unset; */
		/* -webkit-transform: translate(-4px, 0px);
		-o-transform: translate(-4px, 0px);
		transform: translate(-4px, 0px);
		margin-left: 0; */
	/* } */
	/* #btn-exit {position: relative;} */
	/* .div-group.grid-item {display: none;} */
	/* .div-container > div:not(#div-index-container, .div-parenttable-grid) {padding: 0 0.25em;} */
	.div-auxiliary {
		left: calc(50% - 0.5rem);
		-webkit-transform: translate(calc(-50% + 0.5rem), 0);		
		transform: translate(calc(-50% + 0.5rem), 0);
		display: flex;
		position: relative;
	}
	
	.div-grid-container1 {
		-webkit-transform: translate(0, 35px);		
		transform: translate(0, 35px);
		justify-content: unset;
	}
	.div-grid-container1,
	.div-grid-container2
	.div-grid-container3,
	.div-grid-container4,
	.div-grid-container5,
	.div-grid-container5_2,
	.div-grid-container6,
	.div-grid-container7 {
		/* border-radius: 0; */
		-webkit-transform: unset;		
		transform: unset;
		/* margin-top: 2.25rem; */
	}
	/* .div-grid-container2 {
		margin-bottom: 0;
	} */
}

@media screen and (max-width: 520px) {
	.div-grid-container5_2 > * {font-size: 0.8rem;}
	.div-grid-container6 > *,
	.div-grid-container7 > * {font-size: 0.7rem;}
}

@media screen and (max-width: 480px) {
	.div-nevelemzes {
		height: unset;
		/* top: 35px; */
	}
	/* .div-nevelemzes,
	.div-btk_en_szama {
		width: 100%;
		position: absolute;
	} */
	/* .div-btk_en_szama {
		margin-top: 0.25rem;
		top: 30px;
	} */
	.div-data label {margin-left: 6px;}
	.div-enteredinfo {gap: unset;}
	.div-data input {width: calc(100% - 0.185em - 3px);}
	.frm-calc {width: 100%;}
	/* .div-nevelemzes .div-databirth {
		flex-direction: column;
		gap: 0.75rem;
	} */
	/* .div-nevelemzes .div-databirth > * {width: 100%;} */
	/* #year {margin-left: 0;} */
	/* .div-nevelemzes .btn-calc,
	.div-nevelemzes #btn-print {
		width: 50%;
		align-self: center;
		margin-left: 0;
		height: 2.25em;
	} */
	/* .div-nevelemzes .div-lifetask {
		-webkit-transform: translate(-50px, 110px);		
		transform: translate(-50px, 110px);
		-webkit-display: flex;
		display: flex;
		/* flex-direction: column; */
		/* align-self: flex-start;
		width: 150px;
		height: 0;
	} */
	/*.div-nevelemzes .div-lifetask > * {
		text-align: left;
		width: inherit !important;
	} */
}

/* itt max-height van !!! */
/* @media only screen and (max-height: 600px) {
	footer {		
		position: unset;
		-webkit-transform: translate(0, 3rem);
	  transform: translate(0, 3rem);
	}
} */