@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* General settings */

body {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 400;
	color: #003F6B;
	font-size: 20px;
}



label {
	font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 500;
	color: #003F6B;
}

h2 {
	font-size: 52px;
}

h3 {
	font-size: 48px;
}

@media screen and (max-width: 1700px) {
	body {
		font-size: 16px;
	}

	h2 {
		font-size: 33px;
	}

	h3 {
		font-size: 33px;
	}
}

@media (max-width: 768px) {
	body {
		font-size: 12px;
	}

	h2 {
		font-size: 16px;
	}

	h3 {
		font-size: 16px
	}
}

a:hover {
	text-decoration: none;
}

/* Turning off embelishments on mobile version */
@media (max-device-width: 1700px) {
	.embelishment {
		display: none;
	}
}

.page {
	max-width: 1532px;
	margin: auto;
}

@media screen and (max-width: 1700px) {
	.page {
		max-width: 1088px;
	}
}

hr {
	color: #86B95C;
	margin-bottom: 32px;
	border: 2px solid #86B95C;
}

hr.long {
	max-width: 1535px;
}

@media screen and (max-width: 1700px) {
	hr.long {
		max-width: 1092px;
	}
}

@media (max-width: 768px) {
	hr.long {
		max-width: 90vw;
	}
}

hr.short {
	max-width: 1015px;
}

@media (max-width: 768px) {
	hr.short {
		max-width: 80vw;
	}
}

@media screen and (max-width: 1700px) {
	hr.long {
		max-width: 722px;
	}
}

span.vertical-separator {
	font-weight: 800;
	font-size: 48px;
	color: #28a128;
	margin-left: 12px;
	margin-right: 12px;
}

/* Settings for header */

.header {
	margin-top: 103px;
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 1700px) {
	.header {
		margin-top: 54px;
	}
}

@media (max-width: 768px) {
	.header {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 16px;
		margin-bottom: 16px;
	}
}


@media (max-width: 768px) {
	.mobile-hide {
		display: none;
	}
}

p.green-dot {
	position: relative;
}

@media (min-width: 768px) {

	p.green-dot::before {
		content: "";
		position: absolute;
		left: -120px;
		top: -10px;
		width: 84px;
		height: 84px;
		border-radius: 50%;
		background-color: #e4911a;
	}

	.desktop-hide {
		display: none;
	}

	label.backarrow {
		display: none;
	}

	#menu-toggle {
		display: none;
	}
}

.menu {
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	padding: 10px 20px;
	font-family: Montserrat;
	font-weight: 500;
}

.menu a {
	text-decoration: none;
	color: #013F6B;
	padding: 8px 20px;
	font-size: 24px;
}

@media screen and (max-width: 1700px) {
	.menu a {
		font-size: 17px;
		padding: 8px 16px;
	}
}


.menu a:hover {
	border-bottom: 2px solid #013F6B;
}

.menu a.accent-button {
	background-color: #de454e;
	color: #FFFFFF;
	min-width: 0px;
}

.menu a.accent-button:hover {
	background-color: #86b95c;
	color: #FFFFFF;
	border-bottom: none;
}

.menu a:hover {
	color: #013F6B;
}


.hamburger {
	display: none;
	font-size: 30px;
	background: none;
	border: none;
	cursor: pointer;
	margin: 10px 20px;
}

@media (max-width: 768px) {
	.overlay {
		position: fixed;
		/* covers the entire screen */
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;

		/* Semi-transparent black background. Adjust opacity as needed. */
		background: rgba(0, 0, 0, 0.8);

		/* Start hidden */
		opacity: 0;
		pointer-events: none;
		/* so you can click through it when invisible */
		transition: opacity 0.3s;
		z-index: 998;
		/* behind the .p-bar if .p-bar has a higher z-index */
	}

	.menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: white;
		color: #fff;
		transform: translateX(100%);
		transition: transform 0.3s ease-in-out;
		z-index: 999;
		display: flex;
		flex-direction: column;
		padding: 1rem;
		justify-content: flex-start;
	}

	.menu a.accent-button {
		max-width: 45vw;
		text-align: center;
	}

	.menu a {
		font-size: 20px;
		color: #104470;
		padding-bottom: 10px;
		border-bottom: 1px solid #104470;
	}


	.menu a:first-of-type {
		margin-top: 70px;
	}

	.menu .backarrow {
		display: block;
		background-image: url(icons/strzalka_zielona.png);
		background-repeat: no-repeat;
		background-size: contain;
		font-size: 32px;
		position: absolute;
		left: 40vw;
		top: 4vw;
		width: 30px;
		height: 30px;
	}

	.hamburger {
		display: block;
		position: absolute;
		right: 20px;
		background-image: url("icons/menu.png");
		width: 25px;
		height: 17px;
		background-size: cover;
		margin-top: 30px;
	}

	#menu-toggle {
		display: none;
	}

	#menu-toggle:checked~.menu {
		transform: translateX(50%);
	}

	#menu-toggle:checked~.overlay {
		opacity: 1;
		pointer-events: auto;
	}

}

.site-logo-multilada {
	width: 249px;
	height: 113px;
	margin-left: 48px;
}


.site-logo-ng {
	height: 155px;
}

@media screen and (max-width: 1700px) {
	.site-logo-multilada {
		width: 157px;
		height: 81px;
		margin-left: 28px;
	}

	.site-logo-ng {
		height: 131px;
	}
}

/* Footer  */

.footer {
	font-weight: 500;
	font-size: 26px;
	text-align: center;
	margin-bottom: 32px;
	margin-top: 32px;
}

@media screen and (max-width: 1700px) {
	.footer {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.footer {
		font-size: 11px;
		width: 90vw;
		margin: auto;
		margin-top: 16px;
		margin-bottom: 16px;
	}
}

/* Front page */

.logos {
	display: inline-block;
}

@media (max-width: 768px) {
	.logos {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		margin-left: 30px;
	}

	.logos img {
		width: 25%;
		box-sizing: border-box;
		max-width: 100%;
		margin: 0px;
		margin: 0px;
	}

	.logos img:last-of-type {
		margin-left: 15px;
		margin-top: 30px;
	}

	.site-logo-ng {
		height: unset;
	}

	.site-logo-multilada {
		height: unset;
	}
}

.partners-logos {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.partners-logos img {
	width: auto;
	margin-left: 70px;
	margin-right: 70px;
	max-height: 175px;
}

@media screen and (max-width: 1700px) {
	.partners-logos img {
		max-height: 104px;
	}
}

@media (max-width: 768px) {
	.partners-logos img {
		width: 90px;
		margin: 10px 20px;
		max-width: 20%;
	}
}

#ncn-logo {
	margin-top: 175px;
	width: 252px;
}

@media screen and (max-width: 1700px) {
	#ncn-logo {
		margin-top: 80px;
		width: 180px;
	}
}


@media (max-width: 768px) {
	#ncn-logo {
		margin-top: 65px;
	}

}



.box {
	position: relative;
	margin: auto;
	margin-bottom: 64px;
	margin-top: 64px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	box-sizing: border-box;
	/* Ensures padding doesn't affect width */
	max-height: 746px;
	padding-bottom: 32px;
	padding-top: 32px;
}


@media (max-width: 768px) {

	.box,
	.box-mobile {
		display: flex;
		align-items: center;
		justify-content: space-around;
		box-sizing: border-box;
		position: relative;
		margin: auto;
		flex-direction: column;
		justify-content: center;
		margin-top: 16px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.cover {
		order: 1;
	}

	/* Then the text */
	.text-content {
		order: 2;
	}

}


.large {
	max-width: 1525px;
}

.medium {
	max-width: 1525px;
}


@media (max-width: 768px) {
	.box.medium h3 {
		text-align: center;
	}

	.box.medium p {
		text-align: center;
	}

	.box.medium a {
		margin: auto;
	}
}

.box .text-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 1066px;
	padding-left: 16px;
	padding-right: 16px;
}

.box .text-content h2 {
	margin-bottom: 16px;
}

@media (max-width: 768px) {

	.box .text-content h2 {
		font-size: 16px;
	}

	.box-tools {
		padding: 24px;
	}
}

.box .text-content h3 {
	margin-bottom: 16px;
}

.box img.cover {
	width: 50%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 768px) {
	.box.flush-cover img.cover {
		display: none;
	}

}


.box.flush-cover {
	padding-top: 0px;
	padding-bottom: 0px;
}

.box hr {
	height: 350px;
	width: 0;
	border: 5px solid white;
	margin-left: 16px;
	margin-right: 16px;
}

.box a {
	color: #e79c31;
	border-bottom: 1px solid #e79c31;
	padding-bottom: 3px;
	font-weight: 500;
}

.box a:hover {
	color: #86B95C;
	border-bottom: 1px solid #86B95C;
}


.white-font {
	color: #FFFFFF;
}

.white-font h3 {
	color: #FFFFFF;
}

.white-font a {
	color: #FFFFFF;
	font-weight: 500;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 3px;
}

.background-accent-one {
	background-color: #eefaff;
}

.background-accent-two {
	background-color: #e4911a;
}

.background-accent-three {
	background-color: #4faac7;
}

.background-accent-four {
	background-color: #86b95c;
}

.background-accent-apel {
	background-color: #003F6B;
}

.background-accent-irmik {
	background-color: #28A128;
}

.background-accent-clt {
	background-color: #28CCD5;
}

.background-accent-irmik-light {
	background-color: #c3e5c3;
}

.background-accent-clt-light {
	background-color: #a6eaee;
}


.centered {
	text-align: center;
}

.large-font {
	font-size: 26px;
}

@media screen and (max-width: 1700px) {
	.large-font {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.large-font {
		font-size: 12px;
	}
}

.halfbox {
	max-width: 60% !important;
}

@media (max-width: 768px) {
	.halfbox {
		max-width: 100% !important;
		margin-bottom: 18px;
	}
}

p.large-margin {
	margin-top: 64px;
}

@media (max-width: 768px) {
	p.large-margin {
		margin-top: 16px;
	}
}

.apel-text {
	font-size: 44px;
}

@media (max-width: 768px) {
	.apel-text {
		font-size: 20px;
	}
}

img.flag {
	width: 136px;
	margin-right: 16px
}

@media (max-width: 768px) {
	.flags {
		display: block;
		max-width: 300px;
		justify-content: flex-start;

	}

	img.flag {
		width: 78px;
		margin-right: 8px
	}
}

/* Slider on the front page */

.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 40px;
	cursor: pointer;
	color: white;
	user-select: none;
	font-size: 96px;
}

.slider-container {
	position: relative;
}

.slider p {
	display: none;
}

.slider p.active {
	display: block;
}

.arrow-left {
	left: 10px;
}

.arrow-right {
	right: 10px;
}

/* Login & Registration */

.login-box {
	position: relative;
	max-width: 587px;
	background-color: #4FAAC7;
	color: white;
	margin: auto;
	padding: 24px 44px;
}

.login-box h1 {
	color: white;
	text-align: center;
	margin-bottom: 32px;
	font-size: 40px;
}

@media (max-width: 768px) {
	.login-box h1 {
		font-size: 28px;
	}
}


.login-box .accent-button,
.login-box .accent-button {
	padding: 8px 24px;
	font-size: 24px;
	background-color: #de454e;
	margin: auto;
	margin-top: 16px;
	display: block;
	border-radius: 0px;
	border-style: none;
}

@media (max-width: 768px) {

	.login-box .accent-button,
	.login-box .accent-button {
		font-size: 18px;
	}

}

.login-box .btn-group {
	width: 100%;
}

.login-box .btn-group ul {
	display: flex;
	justify-content: center;
	padding-inline-start: 0px;
}

.login-box .btn-group li {
	list-style-type: none;
	width: 50%
}

.login-box .btn-group label {
	flex: 1;
	padding: 20px 20px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #FFFFFF;
	margin-right: -1px;
	transition: background-color 0.3s ease;
	width: 100%;
	font-size: 22px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.login-box .btn-group label {
		font-size: 14px;
	}
}

.login-box .btn-group label:last-child {
	margin-right: 0;
}

.login-box .btn-group input[type="radio"] {
	display: none;
}

.login-box .btn-group input[type="radio"]:checked+label {
	background-color: #fff;
	color: #003F6B;
}

.login-box .btn-group label:hover {
	background-color: #FFFFFF;
	color: #003F6B;
}

.login-box .btn-group {
	margin-bottom: 16px;
}

.login-box input[type="text"],
.login-box input[type="password"] {
	background-color: unset;
	border-width: 1px;
	border-color: white;
	border-radius: 0px;
	width: 100%;
	height: 48px;
	border-style: solid;
	margin-bottom: 8px;
	font-size: 21px;
	color: white;
	padding: 10px 10px;
}

.login-box input[type="text"]::placeholder,
.login-box input[type="password"]::placeholder {
	color: #FFFFFF;
}

#register-form label {
	font-size: 15px;
}

select {
	cursor: inherit;
	background-color: transparent;
	padding: 16px;
	padding-left: 64px;
	padding-right: 64px;
	border-color: white;
	text-align: center;
	border-width: 2px;
}

select:disabled {
	background-color: #9f9f9f;
	color: #c0c0c0;
	border-color: #c0c0c0;
}


select option {
	color: #003f6b;
	text-align: center;
	padding-left: 8px;
}

.login-box p {
	max-width: 370px;
}


/* Dashboard */

.login-as {
	text-align: right;
	color: #036CB5;
	margin-bottom: 0px;
}

h3.welcome-message {
	margin-bottom: 100px;
	font-size: 35px;
	text-align: right;
}

a:hover .hide-on-hov {
	display: none;
}

a.accent-button,
input.accent-button,
button.accent-button {
	padding: 12px 20px;
	font-family: Montserrat;
	font-weight: 500;
	text-decoration: none;
	font-size: 24px;
	color: #FFFFFF !important;
	background-color: #de454e;
	border-style: none;
	min-width: 233px;
}

@media screen and (max-width: 1700px) {

	a.accent-button,
	input.accent-button,
	button.accent-button {
		font-size: 17px;
	}
}

@media screen and (max-width: 1700px) {

	table a.accent-button,
	table input.accent-button,
	table button.accent-button {
		min-width: 164px;
		max-width: 164px;
		width: 164px;
	}
}

a.accent-button:hover,
input.accent-button:hover,
button.accent-button:hover {
	background-color: #86B95C;
}




@media (max-width: 768px) {

	a.accent-button,
	input.accent-button {
		padding: 8px 8px;
		font-family: Montserrat;
		font-weight: 500;
		text-decoration: none;
		font-size: 16px;
		color: #FFFFFF !important;
		background-color: #de454e;
		border-style: none;
	}
}


a.delete-button {
	padding: 12px 20px;
	font-family: Montserrat;
	font-weight: 500;
	text-decoration: none;
	font-size: 25px;
	color: #B3D7E1;
	background-color: white;
	border-style: none;
}

a.delete-button:hover {
	color: #86B95C;
}

a.accent-button.disabled,
input.accent-button:disabled {
	background-color: #808080 !important;
	color: #FFFFFF;
	pointer-events: none;
}

a.accent-button.inactive {
	background-color: #E4911A !important;
	color: #FFFFFF;
}


a.accent-button:hover {
	background-color: #86b95c !important;
}

a.orange {
	background-color: #e4911b !important;
}

a.orange:hover {
	background-color: #86b95c !important;
}

a.accent-button.flush-right {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}


.table-administrations tr th {
	color: white;
	font-weight: 500 !important;
	font-size: 26px;
	text-align: center !important;
	padding: 32px !important;
	border-bottom: 0px !important;
}

@media (max-width: 1700px) {
	.table-administrations tr th {
		font-size: 17px;
		padding: 16px !important;
	}
}

.table-administrations tr:last-child {
	border-style: none !important;
	border-top: 0px;
}

.table-administrations {
	border-spacing: 0 20px !important;
	border-collapse: separate !important;

}

@media (max-width: 1700px) {
	.table-administrations {
		border-spacing: 0 10px !important;
	}
}

.table-administrations td {
	font-size: 20px;
	text-align: center !important;
	background-color: #d0e7ed;
	padding: 32px !important;
	border-style: none !important;
	vertical-align: middle !important;
}

@media (max-width: 1700px) {
	.table-administrations td {
		padding: 16px !important;
	}
}

@media (max-width: 1700px) {
	.table-administrations td {
		font-size: 16px;
	}
}

/* Empty table styling */
.table-administrations td.dt-empty {
	display: none;
}


.table-administrations tr {}

.table-administrations td.no-background {
	background-color: unset;
	padding: 10px !important;
}

@media (max-width: 1700px) {
	.table-administrations td.no-background {
		padding: 8px 16px !important;
	}
}

.table-administrations td.no-background a.accent-button {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-align: center;
	align-content: center;
	line-height: normal;
	/* margin: 0 !important;
	/* Remove default margins if any */
	font-size: 20px !important;
	height: 74px;
	width: 250px;
	margin: auto;
}

@media (max-width: 1700px) {
	.table-administrations td.no-background a.accent-button {
		font-size: 13px !important;
		max-width: 164px;
		height: 52px;
		margin: auto;
	}
}

.table-administrations th.action-multibutton {
	min-width: 300px;
	max-width: 300px;
}

@media (max-width: 1700px) {
	.table-administrations th.action-multibutton {
		min-width: 213px;
		max-width: 213px;
	}
}

@media (max-width: 1700px) {
	th {
		height: 62px;
	}
}

.table-administrations td.no-background a.delete-button {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-align: center;
	align-content: center;
	line-height: normal;
	margin: 0 !important;
	height: 80px;
}

@media (max-width: 1700px) {
	.table-administrations td.no-background a.delete-button {
		font-size: 17px;
		height: 40px;
	}
}

.printable-materials {
	display: flex;
	flex-direction: column;
	justify-items: flex-start;
	align-items: flex-start;
	width: fit-content;
	margin: auto;
	margin-top: 32px;
}

.printable-materials-container {
	margin: 16px;
	margin-bottom: 32px;
	margin-top: 32px;
	position: relative;
}

.printable-materials-container a {
	border-bottom: none;
	display: block;
	margin-left: 95px;
	text-align: left;
}

.printable-materials-container a:hover {
	border: none;
	color: #003f6b;
}

.printable-materials-container a img.printer-icon {
	position: absolute;
	left: 0px;
	top: -25px;
	width: 75px !important;
}

#administer-inventory-modal {
	border: 1px solid #E4911A;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}

#administer-inventory-modal h2 {
	font-size: 39px;
}

#administer-inventory-modal h3 {
	font-size: 39px;
	padding-left: 200px;
	padding-right: 200px;
}

#administer-inventory-modal h4 {
	font-size: 24px;
	padding-left: 200px;
}

@media screen and (max-width: 1700px) {
	#administer-inventory-modal h2 {
		font-size: 32px;
	}

	#administer-inventory-modal h3 {
		font-size: 32px;
	}

	#administer-inventory-modal h4 {
		font-size: 20px;
	}
}

@media screen and (max-width: 1700px) {
	#administer-inventory-modal h4 {
		font-size: 20px;
	}
}

#administer-inventory-modal p,
#administer-inventory-modal ul {
	padding-left: 200px;
	padding-right: 200px;
	font-weight: 400;
	font-size: 32px;
	margin-top: 16px;
	margin-bottom: 16px;
}

@media screen and (max-width: 1700px) {

	#administer-inventory-modal p,
	#administer-inventory-modal ul {
		font-size: 22px;
	}
}

#administer-inventory-modal a {
	color: #003F6B;
	border-bottom: 1px solid #003F6B;
}

#administer-inventory-modal a.accent {
	color: #E4911A;
	border-bottom: 1px solid #E4911A;
}

#administer-inventory-modal a.accent:hover {
	border-bottom: 1px solid #86B95C;
	color: #86B95C;
}


#administer-inventory-modal span.accent {
	color: #E4911A;
}

#administer-inventory-modal .btn-group {
	margin: auto;
	display: flex;
	justify-content: center;
}

#administer-inventory-modal .btn-group ul {
	width: 100%;
	display: flex;
	justify-content: center;
	padding-inline-start: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#administer-inventory-modal .btn-group li {
	list-style-type: none;
	display: flex;
	align-items: center;
	border: 0px solid #ccc;
	justify-content: center;
	text-align: center;
	margin-right: 32px;
	margin-left: 32px;
}

#administer-inventory-modal .btn-group label {
	font-weight: 500;
	width: 315px;
	height: 83px;
	border: 0px;
	cursor: pointer;
	font-size: 20px;
	background-color: white;
	color: #00416C;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	border: 2px solid #003F6B;
}

@media screen and (max-width: 1700px) {
	#administer-inventory-modal .btn-group label {
		width: 230px;
		height: 57px;
		font-size: 16px;
	}
}

#existing_child {
	position: absolute;
	right: 130px;
	margin-top: 12px;
}

@media screen and (max-width: 1700px) {
	#existing_child {
		right: 10px;
	}
}

#administer-inventory-modal .btn-group label[for="inventory-0"] {
	background-color: #28A128;
	border: none;
	color: white;
}

#administer-inventory-modal .btn-group input[type="radio"]:checked+label[for="inventory-0"] {
	background-color: #28A128;
	border: 6px solid #00416C;
}

#administer-inventory-modal .btn-group label[for="inventory-1"] {
	background-color: #28CCD5;
	border: none;
	color: white;
}

#administer-inventory-modal .btn-group input[type="radio"]:checked+label[for="inventory-1"] {
	border: 6px solid #00416C;
	background-color: #28CCD5;
}

#administer-inventory-modal .btn-group input[type="radio"]:disabled+label {
	pointer-events: none;
	background-color: #666666;
	border-color: #666666 !important;
}

#administer-inventory-modal .small-buttons li {
	margin-left: 0px;
	margin-right: 32px;
}

@media screen and (max-width: 1700px) {
	#administer-inventory-modal .small-buttons li {
		margin-right: 24px;
	}
}

#administer-inventory-modal .small-buttons label {
	width: unset;
	height: unset;
	color: #003359;
	background-color: transparent;
	border: 2px solid #00416C;
	font-size: 19px;
	padding: 8px;
	width: 218px;
	height: 52px;
}

@media screen and (max-width: 1700px) {
	#administer-inventory-modal .small-buttons label {
		font-size: 16px;
		width: 164px;
	}
}



#administer-inventory-modal .btn-group label:last-child {
	margin-right: 0;
}

#administer-inventory-modal .btn-group input[type="radio"] {
	display: block;
	height: 1px;
	width: 1px;
	margin-left: -1px;
}

#administer-inventory-modal .btn-group input[type="radio"]:checked+label {
	border: 6px solid #00416C;
}

#administer-inventory-modal .btn-group input[type="radio"]:hover+label {
	background-color: #86B95C;
	border-color: #86B95C;
}



#administer-inventory-modal .small-buttons input[type="radio"]:checked+label {
	color: white;
	background-color: #003359;
	border-color: #003359;
}

.btn-group label:hover {
	background-color: #e7e7e7;
}

#administer-inventory-modal select {
	border: 2px solid #00416C;
	margin: 16px;
}

#administer-inventory-modal input[name="birth_date"] {
	border: 2px solid #00416C;
	padding: 16px;
}

#administer-inventory-modal input[type="number"] {
	display: block;
	width: 100px;
	background-color: #E1E0E0;
	height: 60px;
	border-color: 2px solid #E1E0E0;

}

#administer-inventory-modal textarea {
	display: block;
	width: 100%;
	height: 150px;
	background-color: #E1E0E0;
}

#administer-inventory-modal input[type="text"] {
	display: block;
	width: 100%;
	height: 60px;
	background-color: #E1E0E0;
	font-size: 19px;
	padding-left: 16px;
}

#administer-inventory-modal input[type="checkbox"]+label {
	display: inline;
}

#administer-inventory-modal .env-field input[type="checkbox"]+label {
	font-size: 24px;
}

@media screen and (max-width: 1700px) {
	#administer-inventory-modal .env-field input[type="checkbox"]+label {
		font-size: 20px;
	}
}


#administer-inventory-modal .env-field p {
	font-size: 18px;
	padding-left: unset;
	padding-right: unset;
	font-weight: unset;
	margin-top: 8px;
	margin-bottom: 8px;
}

#administer-inventory-modal .env-field {
	margin-bottom: 16px;
}

#administer-inventory-modal #envq .env-field.inline-field {
	display: block;
}

.next-button {
	padding: 6px 20px;
	font-family: Montserrat;
	font-weight: 500;
	text-decoration: none;
	font-size: 24px;
	color: #FFFFFF !important;
	background-color: #de454e;
	border-style: none;
	min-width: 152px;
	height: 52px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
	float: right;
	font-weight: 500;
	font-size: 28px;
}


@media screen and (max-width: 1700px) {
	.next-button {
		font-size: 17px;
	}
}

.print-button {
	position: absolute;
	right: 400px;
	bottom: 55px;
	color: #e79c31 !important;
	border-bottom: 1px solid #e79c31 !important;
	padding-bottom: 3px;
	font-weight: 500;
}

@media screen and (max-width: 1700px) {
	.print-button {
		right: 200px;
	}
}

input.next-admin-button {
	position: absolute;
	display: block;
	left: 50%;
	transform: translate(-50%, 0%);
	bottom: 45px;
	min-width: 223px;
}

input.later-button {
	position: absolute;
	left: 20px;
	bottom: 45px;
	display: block;
	color: #DE454E;
	background: transparent;
	border: 0px;
	border-bottom: 1px solid #DE454E;
	float: right;
	font-weight: 500;
	font-size: 28px;
}


@media screen and (max-width: 1700px) {
	input.later-button {
		font-size: 20px;
	}
}

input.later-button:disabled {
	color: #8d8d8d;
}

input[type="text"].fake-select {
	padding-left: 16px;
	padding-right: 16px;
	font-size: 19px;
	width: 233px !important;
	height: 55px;
	background-color: white !important;
	border-radius: 0px;
}

.training {
	max-height: unset;
}

h2.administer-header {
	color: #E4911A;
	font-size: 39px;
}

h3.first-study {
	text-align: center;
	margin-top: 150px;
}

.action-button {
	max-width: 150px !important;
	margin: auto;
}

#administer-inventory-modal img.to-dashboard {
	position: absolute;
	top: 20px;
	right: 20px;
}

#administer-inventory-modal a.cdi-link {
	font-size: 31px;
}

@media screen and (max-width: 1700px) {
	#administer-inventory-modal a.cdi-link {
		font-size: 21px;
	}
}

#administer-inventory-modal .results {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 32px;
}

#administer-inventory-modal .results h3,
#administer-inventory-modal .results p {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
}

#administer-inventory-modal .results h3 {
	font-weight: 500;
}

/* Environmental questionnaire */

.modal-dialog {
	width: 1024px;
	margin: 30px auto;
}

.modal-content {
	width: 100%;
	border-radius: 0px;
	padding: 30px;
}

.modal-content strong {
	font-weight: 500;
}

.modal-content li {
	margin-top: 8px;
	list-style: none;
}

.modal-content .modal-header {
	border-bottom: 2px solid #e79c31;
}

.modal-content h4.modal-title {
	font-size: 22px
}

#envq {
	margin-left: 200px;
	margin-right: 200px;
}

@media screen and (max-width: 1700px) {
	#envq {
		margin-left: 100px;
		margin-right: 100px;
	}
}

#envq .select-print {
	display: none;
}

#envq h4 {
	max-width: 1024px;
}

#envq .btn-group {
	justify-content: left;
}

#envq select {
	margin: 0px !important;
}

#envq .btn-group ul {
	width: 20%;
	display: flex;
	justify-content: left;
	padding-inline-start: 0px;
}

#envq h4 {
	padding-left: 0px;
}




/* FAQ */

.faq-container {
	margin: 0 auto;
	padding: 2rem 1rem;
}

.faq-item {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-bottom: 2rem;
	min-height: 300px;
}


@media screen and (max-width: 1700px) {
	.faq-item {
		margin: auto;
		min-height: 200px;
	}
}

@media (max-width: 768px) {
	.faq-item {
		max-width: 80vw;
		margin: auto;
		min-height: 150px;
	}
}

.faq-item::before {
	content: "";
	position: absolute;
	left: 64px;
	top: 170px;
	bottom: 20px;
	width: 4px;
	background-color: #4caf50;
	z-index: 0;
}

@media screen and (max-width: 1700px) {
	.faq-item::before {
		left: 32px;
		top: 100px;
	}
}

@media (max-width: 768px) {
	.faq-item::before {
		left: 20px;
		top: 60px;
	}
}



.faq-item:last-child::before {
	content: none;
	/* or display: none; */
}

.faq-icon {
	position: relative;
	z-index: 1;
	width: 128px;
	height: 128px;
	font-size: 74px;
	background-color: #4FAAC7;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
	/* Spacing between icon and text area */
}

@media screen and (max-width: 1700px) {
	.faq-icon {
		width: 72px;
		height: 72px;
		font-size: 64px;
	}
}

@media (max-width: 768px) {
	.faq-icon {
		width: 48px;
		height: 48px;
		font-size: 28px;
	}
}

.faq-content {
	padding-left: 1rem;
	flex: 1;
}

.faq-heading {
	font-size: 37px;
	margin-left: 32px;
	margin-bottom: 16px;
	color: #003F6B;
}

@media screen and (max-width: 1700px) {
	.faq-heading {
		font-size: 28px;
		margin-left: 0px;
		margin-top: 8px;
	}

}

@media (max-width: 768px) {
	.faq-heading {
		font-size: 18px;
		margin-left: 0px;
		margin-top: 8px;
	}
}

details.results-detailed {
	margin-bottom: 64px;
}

.results-detailed summary {
	margin-left: 200px;
	font-size: 24px;
	display: inline-block;
	color: #e79c31;
	border-bottom: 1px solid #e79c31;
	text-decoration: none;
	cursor: pointer;
}

.faq-item summary {
	font-size: 24px;
	display: inline-block;
	color: #e79c31;
	border-bottom: 1px solid #e79c31;
	text-decoration: none;
	margin-bottom: 16px !important;
	margin-top: 0px !important;
	margin-left: 32px !important;
	cursor: pointer;
}

@media (max-width: 768px) {
	.faq-item summary {
		font-size: 16px;
		margin-left: 0px !important;
		margin-bottom: 8px !important;
	}
}

.faq-item summary:hover {
	border-bottom: 1px solid #86B95C;
	color: #86B95C;
}

.faq-item p {
	margin: 16px !important;
	margin-left: 32px !important;
}

@media (max-width: 768px) {
	.faq-item p {
		margin: 16px !important;
		margin-top: 8px !important;
		margin-left: 0px !important;
	}
}

.faq-link:hover {
	text-decoration: underline;
}

.faq-content p {
	margin: 0;
}


/* Print styles */

@media print {
	label {
		font-size: unset;
	}

	.logos img {
		width: 100px;
	}

	.hamburger {
		display: none;
	}

	.footer {
		font-size: 10px;
	}

	input[type="submit"] {
		display: none;
	}

	#administer-inventory-modal {
		padding-top: 0px;
		padding-bottom: 0px;
		border: 0px solid black;
	}

	#administer-inventory-modal #envq {
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 30px;
		margin-bottom: 30px;
		max-width: 100%;
	}

	#administer-inventory-modal img {
		display: none;
	}

	#administer-inventory-modal a {
		display: none;
	}

	#administer-inventory-modal h4 {
		padding-right: 0px;
		padding-left: 0px;
		max-width: 100% !important;
		font-size: 12px !important;
	}

	#envq h4 {
		max-width: 100% !important;
		margin-top: 0px;
		margin-bottom: 0px !important;
	}

	#administer-inventory-modal p,
	#administer-inventory-modal ul {
		margin-top: 3px;
		margin-bottom: 3px;
	}

	#administer-inventory-modal #envq .env-field {
		margin-bottom: 4px;
	}


	#administer-inventory-modal .small-buttons li {
		margin-left: 0px;
		margin-right: 14px;
	}

	#administer-inventory-modal .small-buttons label {
		color: #003359;
		background-color: transparent;
		border: 2px solid #00416C;
		font-size: 12px;
		padding: 4px;
		width: 130px;
		height: 32px;
	}

	select {
		cursor: inherit;
		background-color: transparent;
		padding: 8px;
		padding-left: 10px;
		padding-right: 10px;
		border-color: white;
		text-align: center;
		border-width: 2px;
		font-size: 12px;
	}

	h2.administer-header {
		font-size: 14px;
	}

	/* #administer-inventory-modal #birth_date {
		border: 2px solid #00416C;
		padding: 6px;
		font-size: 12px;
	} */

	#administer-inventory-modal input[type="text"] {
		display: block;
		width: 100%;
		height: 40px;
		background-color: #E1E0E0;
		font-size: 14px;
		padding-left: 16px;
	}

	#administer-inventory-modal input[type="number"] {
		display: block;
		width: 70px;
		height: 30px;
		background-color: #E1E0E0;
		font-size: 14px;
		padding-left: 16px;
	}

	#administer-inventory-modal .env-field {
		margin-bottom: 0px;
	}

	#administer-inventory-modal input[type="checkbox"]+label {
		font-size: 12px !important;
	}

	#administer-inventory-modal textarea {
		height: 50px;
	}
}


/* DataTable Search Panes */
.dtsp-pansdfesContainer {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 9999;
	/* High enough so it appears on top of other elements */
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.dtsp-panesContainer {
	margin-left: 0px !important;
}

.dtsp-title::after {
	content: "\A";
	white-space: pre;
}

.dtsp-title {
	position: absolute;
	top: 35px;
}

.mock {
	display: none;
}


/* Fix na nachodzące strzałki */

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
	top: 30%;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after {
	bottom: 10%;
}

.description {
	font-size: 20px;
}

.description ul,
.description ol {
	font-size: 20px !important;
	padding-left: unset !important;
	padding-right: unset !important;
	margin-left: 30px;
}

@media screen and (max-width: 1700px) {

	.description ul,
	.description ol {
		font-size: 16px !important;
	}

}

.download-table-button {
	width: 252px;
	padding-bottom: 8px;
}

.add-administration-button {
	top: 100px !important;
	width: 252px;
}

@media screen and (max-width: 1700px) {
	.download-table-button {
		width: 201px !important;
		min-width: 201px !important;
		padding-bottom: 8px;
	}

	.add-administration-button {
		top: 100px !important;
		min-width: 201px !important;
		width: 201px !important;
	}
}