@charset "UTF-8";
/* CSS Document */

	/*							*/
	/*							*/
	/* 	 	NOTIFICATION		*/
	/*							*/
	/*							*/
	
		#notifications {
			position: fixed;
			right: 0;
			bottom: 0;
			width: 460px;
			height: 100vh;
			outline: 1px dashed green;
			pointer-events: none;
			outline: none;
			z-index: 95000;
		}
		#notifications .n-items {
			position: absolute;
			bottom: 10px;
			right:  10px;
			width: 100%;
		}
		#notifications .n-items .n-item {
			display: block;
			position: relative;
			opacity: 1;
			left: 0;
			width: 100%;
			max-height: 1000px;
			overflow: visible;
			overflow: hidden;
			transition: opacity 0.5s ease 0s, left 0s ease, max-height 0.5s ease 0s;
			pointer-events: all;
			user-select: none;
		}
		#notifications .n-items .n-item[data-hidden="1"] {
			opacity: 0;
			max-height: 0;
			left: 460px;
			transition: opacity 0.5s ease 0.5s, left 0.5s ease, max-height 0.25s ease 0.25s;
		}
		#notifications .n-items .n-item .n-content {
			position: relative;
			z-index: 1;
			margin: 10px 10px 10px 10px;
			padding: 25px 20px 20px 60px;
			border-radius: 5px;
			background-color: rgba(44,193,255,1.00);
			background-color: inherit;
			box-shadow: 0 3px 10px 0 rgba(0,0,0,0.23);
		}
		#notifications .n-items .n-item .n-content .n-title {
			font-family: Metro;
			font-weight: 600;
			font-size: 2rem;
			line-height:1.2;
			color:white;
			color: inherit;
			margin-bottom: 20px;
		}
		#notifications .n-items .n-item .n-content .n-title em {
			display:block;
			font-family:Lato;
			font-weight:normal;
			font-size:1.2rem;
			line-height:1.2;
			margin-top:5px;
			opacity:0.5;
		}

		#notifications .n-items .n-item .n-content .n-copy {
			font-family: Lato;
			font-weight: 300;
			font-size:1.0rem;
			line-height:1.25;
			user-select: none;			
			color:white;
			color: inherit;
		}
		
		#notifications .n-items .n-item .n-content .n-button a:empty { display: none; }
		#notifications .n-items .n-item .n-content .n-button a {
			display: inline-block;
			margin: 15px 0 0 0;
			padding: 3px 15px 5px 15px;
			border-radius: 15px;
			background-color: white;
			color: rgba(31,152,202,1.00);
			text-decoration: none;
			font-family: Lato;
			font-weight: 800;
			box-shadow: 0 0 0 0 white;
			transition: box-shadow 0.5s ease;
		}
		#notifications .n-items .n-item .n-content .n-button a:hover {
			box-shadow: 0 0 55px 5px white;
		}
		/* color scheme */
		
		#notifications .n-items .n-item[data-scheme="0"] .n-content .n-button a       { background-color:black; color: white; }
		#notifications .n-items .n-item[data-scheme="0"] .n-content .n-button a:hover { box-shadow: 0 0 55px 5px white; }
		#notifications .n-items .n-item[data-scheme="1"] .n-content .n-button a       { background-color:white; color: black; }
		#notifications .n-items .n-item[data-scheme="1"] .n-content .n-button a:hover { box-shadow: 0 0 55px 5px white; }
		
		
		#notifications .n-items .n-item .n-picto {
			float: left;
			display: block;
			position: relative;
			z-index: 20;
			width:       45px;
			height:      45px;
			margin: 0 0 -45px 0;
			left: 20px;
			top: 25px;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
		}
		#notifications .n-items .n-item[data-type="1"][data-scheme="0"] .n-picto { background-image: url("../../images/notification/positive/ad.svg"); }
		#notifications .n-items .n-item[data-type="2"][data-scheme="0"] .n-picto { background-image: url("../../images/notification/positive/info.svg"); }
		#notifications .n-items .n-item[data-type="3"][data-scheme="0"] .n-picto { background-image: url("../../images/notification/positive/locked.svg"); }
		#notifications .n-items .n-item[data-type="4"][data-scheme="0"] .n-picto { background-image: url("../../images/notification/positive/checked.svg"); }

		#notifications .n-items .n-item[data-type="1"][data-scheme="1"] .n-picto { background-image: url("../../images/notification/negative/ad.svg"); }
		#notifications .n-items .n-item[data-type="2"][data-scheme="1"] .n-picto { background-image: url("../../images/notification/negative/info.svg"); }
		#notifications .n-items .n-item[data-type="3"][data-scheme="1"] .n-picto { background-image: url("../../images/notification/negative/locked.svg"); }
		#notifications .n-items .n-item[data-type="4"][data-scheme="1"] .n-picto { background-image: url("../../images/notification/negative/checked.svg"); }

		#notifications .n-items .n-item[data-type="0"] .n-picto {
			display: none;
		}
		#notifications .n-items .n-item[data-type="0"] .n-content {
			padding: 25px 20px 20px 20px;
		}

		#notifications .n-items .n-item .n-close-button {
			float: right;
			display: block;
			position: relative;
			z-index: 20;
			width:       20px;
			height:      20px;
			margin: 0 0 -20px 0;
			top:  15px;
			left: -15px;
			background-color: white;
			background-image: url("../../images/notification/positive/clear.svg");
			background-size: 15px;
			background-position: center;
			border-radius: 15px;
			pointer-events: all;
			cursor: pointer;
			opacity: 0.25;
			transition: opacity 0.3s ease;
		}
		#notifications .n-items .n-item[data-scheme="0"] .n-close-button {
			background-color:black;
			background-image: url("../../images/notification/negative/clear.svg");
		}
		#notifications .n-items .n-item[data-scheme="1"] .n-close-button {
			background-color:white;
			background-image: url("../../images/notification/positive/clear.svg");
		}
		
		#notifications .n-items .n-item:hover .n-close-button {
			opacity: 1;
		}

		/*							*/
		/*	Regisztrációs statisztika (táblázat)	*/
		/*							*/

		#notifications .n-copy .registration-status-tables {
			width: 100%;
			margin: 0;
			padding: 0;
		}
		#notifications .n-copy .registration-status-table-block {
			margin: 0 0 3px 0;
			border-radius: 4px;
			background-color: rgba(0,0,0,0.08);
			overflow: hidden;
		}
		#notifications .n-copy .registration-status-table-block:last-of-type {
			margin-bottom: 8px;
		}
		#notifications .n-copy .registration-status-section-head {
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 3px;
			padding: 4px 5px 4px 6px;
			margin: 0;
		}
		#notifications .n-copy .registration-status-section-toggle {
			flex: 0 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 22px;
			height: 22px;
			margin: 0 5px 0 0;
			padding: 0;
			border: none;
			border-radius: 4px;
			background-color: rgba(255,255,255,0.2);
			color: inherit;
			cursor: pointer;
			pointer-events: all;
			transition: background-color 0.2s ease;
		}
		#notifications .n-copy .registration-status-section-toggle:hover {
			background-color: rgba(255,255,255,0.35);
		}
		#notifications .n-copy .registration-status-toggle-icon {
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 6px 0 6px 9px;
			border-color: transparent transparent transparent currentColor;
			margin-left: 3px;
			transition: transform 0.2s ease;
		}
		#notifications .n-copy .registration-status-table-block:not(.is-collapsed) .registration-status-toggle-icon {
			transform: rotate(90deg);
		}
		#notifications .n-copy .registration-status-table-block.is-collapsed .registration-status-section-body {
			display: none;
		}
		#notifications .n-copy .registration-status-section-body {
			padding: 0 10px 10px 10px;
		}
		#notifications .n-copy .registration-status-section-title {
			flex: 1 1 auto;
			font-family: Metro;
			font-weight: 700;
			font-size: 1.25rem;
			line-height: 1.3;
			margin: 0;
			padding: 0;
			opacity: 0.95;
			text-transform: uppercase;
			text-align: left;
		}
		#notifications .n-copy .registration-status-table {
			border-collapse: collapse;
			font-family: NunitoSans, sans-serif;
			font-size: 0.88rem;
			line-height: 1.4;
			margin: 0;
		}
		#notifications .n-copy .registration-status-table th,
		#notifications .n-copy .registration-status-table td {
			padding: 3px 8px 3px 0;
			vertical-align: top;
			border-bottom: 1px solid rgba(255,255,255,0.22);
			text-align: left;
			font-weight: 400;
		}

		#notifications .n-copy .registration-status-table thead th {
			font-weight: 700;
			font-size: 0.78rem;
			text-transform: uppercase;
			letter-spacing: 0.03em;
			border-bottom: 1px solid rgba(255,255,255,0.4);
			padding-top: 2px;
			padding-bottom: 8px;
		}
		#notifications .n-copy .registration-status-table-totals th[scope="row"] {
			font-weight: normal;
			font-size: 1.15rem;
			padding-right: 12px;
			white-space: nowrap;
			font-family: Lato;
		}
		#notifications .n-copy .registration-status-table tbody tr:last-child th,
		#notifications .n-copy .registration-status-table tbody tr:last-child td {
			border-bottom: none;
		}
		#notifications .n-copy .registration-status-num {
			text-align: right;
			white-space: nowrap;
			padding-left: 8px;
			font-variant-numeric: tabular-nums;
			font-size: 1.08rem;
			font-weight: 600;
		}
		#notifications .n-copy .registration-status-table-top tbody td:nth-child(2) {
			font-size: 0.95rem;
		}
		#notifications .n-copy .registration-status-table-latest tbody td:not(.registration-status-time) {
			font-size: 0.92rem;
			/* white-space: nowrap; */
			/* overflow: hidden; */
			/* text-overflow: ellipsis; */
		}
		#notifications .n-copy .registration-status-time {
			font-size: 0.82rem;
			white-space: nowrap;
		}
		#notifications .n-copy .registration-status-generated {
			font-size: 0.7rem;
			line-height: 1.3;
			margin: 8px 0 0 0;
			padding: 0;
			opacity: 0.75;
		}

		#notifications .n-copy .registration-status-table-totals { width: 100%; }
		#notifications .n-copy .registration-status-table-top  { width: 100%; }
		#notifications .n-copy .registration-status-table-latest{ width: 100%; }

		#notifications .n-copy .registration-status-table-latest tbody td:nth-child(1) {/* width: calc(100% - 380px); */font-size: 1rem;}
		#notifications .n-copy .registration-status-table-latest tbody td:nth-child(2) {/* width: 250px; */font-size: 1rem; text-align:right; }


		#notifications .n-copy .registration-status-table-totals thead th { text-align:left; }
		#notifications .n-copy .registration-status-table-totals thead th:last-child,
		#notifications .n-copy .registration-status-table-top thead th:last-child,
		#notifications .n-copy .registration-status-table-latest thead th:last-child { text-align:right; }
		#notifications .n-copy .registration-status-table-totals tbody th { text-align:left; }
		#notifications .n-copy .registration-status-table-totals tbody td,
		#notifications .n-copy .registration-status-table-top tbody td:last-child { text-align:right; font-size:1.25rem; }

		#notifications .n-copy .registration-status-table-latest thead th:last-child,
		#notifications .n-copy .registration-status-table-latest td.registration-status-time {
			/* min-width: 188px; */
			/* white-space: nowrap; */
		}
	

		/* XXXXL   */ @media screen and (min-width:1600px)                        { }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { }
		
		/*    -S   */ @media screen and (min-width:   0px) and (max-width: 699px) {
			#notifications .n-items {
				bottom: 10px;
				right:  auto;
			}
			#notifications .n-items .n-item .n-content {
				box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
			}
			html[data-cookie_consent="1"] #notifications {
				display: none;
			}
		}