html,
body {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	padding-left: 2px;
	background-color: #E1E1E1;
}

* {
	box-sizing: border-box;
}

.dclass_c {
	display: none;
}

#dmain {
	flex-direction: column;
	min-height: 100vh;
	display: none;
}

.cnumber {
	text-align: center;
}

#s142 {
	float: left;
}

#btnnxtatomo3 {
	display: block;
}

#dONOMA_PAREXONTOS {
	clear: both;
}

#dONOMA_PAREXONTOS {
	float: left;
}

#dTILEFONO_KATIKIAS {
	display: inline;
}

#dTILEFONO_KATIKIAS {
	float: left;
}

#E_MAIL_PAREXONTOS {
	display: inline;
}

#dEPONIMO_APOGR {
	float: left;
}

#dTILEFONO_APOGR {
	display: inline;
}

#dEPONIMO {
	display: inline;
}

#dEPONIMO {
	float: left;
}

#dONOMA {
	display: inline;
}

#dONOMA {
	float: left;
}

#dFATHER {
	clear: both;
	display: block;
	margin-left: 132px;
}

#dFATHER {
	float: left;
}

#dMOTHER {
	display: inline;
}

#dMOTHER {
	float: left;
}

#btnnxtatomo {
	display: inline;
}

#btnnxtatomo {
	float: left;
}

#btnnxtatomop {
	display: inline;
}

#btnnxtatomop {
	float: left;
}

#dSEX {
	clear: both;
}

.ctext_n {
	width: 300px;
	text-transform: uppercase;
}

.ctext,
.dlist {
	text-transform: uppercase;
}

#dmeo {
	position: sticky;
	position: -webkit-sticky;
	z-index: 10;
	top: 86px;
}

#dp12 {
	position: relative;
	z-index: 1;
}

#btnnxtkatik,
#btnnxtkatik2 {
	position: sticky;
	margin-left: 90%;
	top: 85px;
}

#btnnxtatomo4 {
	position: sticky;
	margin-left: 80%;
	top: 5px;
}

#btnnxtatomo1 {
	margin-left: 0%;
}

#btnnxtatomo3 {
	margin-left: 60%;
}

#btnnxtatomo2 {
	position: sticky;
	margin-left: 2%;
	top: 85px;
}

.w3-modal{
	z-index: 5 !important;
}

.w3-modal-vn {
	z-index: 9;
	display: none;
	position: fixed;
	padding-top: 40px;
	padding-left: 500px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4)
}

#btnnxtatomo1 a,
#btnnxtatomo2 a,
#btnnxtatomo3 a,
#btnnxtatomo4 a,
#btnnxtkatik a,
#btnnxtkatik2 a {
	display: inline-block;
	color: black;
	text-align: center;
	padding: 4px;
	text-decoration: none;
	font-size: 15px;
	border-radius: 5px;
	background-color: #45c1c4;
}

#btnnxtatomo1 a:hover,
#btnnxtatomo2 a:hover,
#btnnxtatomo3 a:hover,
#btnnxtatomo4 a:hover,
#btnnxtkatik a:hover {
	background-color: #ddd;
	color: black;
}

.sclass1 {
	font-weight: bold;
}

.sclass {
	font-weight: bold;
	position: relative;
}

.sclass .tooltiptext {
	visibility: hidden;
	width: 350px;
	background-color: black;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 25%;
	margin-left: -60px;
}

.sclass:hover .tooltiptext {
	visibility: visible;
}

.sclass>img[alt="HELP"] {
	cursor: help;
}

.sclass>img[alt="HELP"]+.tooltiptext {
	visibility: hidden;
}

.sclass>img[alt="HELP"]:hover+.tooltiptext {
	visibility: visible;
}

.sclass .tooltiptext table th,
.sclass .tooltiptext table td {
	border: 1px solid white;
}

label[title]:hover {
	content: attr(title);
}

.col-25 {
	float: left;
	width: 30%;
	margin-top: 5px;
}

.col-75 {
	float: left;
	width: 70%;
	margin-top: 5px;
}

.col-45 {
	float: left;
	width: 45%;
	margin-top: 20px;
}

.col-55 {
	float: left;
	width: 55%;
	margin-top: 20px;
}

.col-100 {
	width: 100%;
	margin-top: 10px;
}

.col-95 {
	width: 95%;
	margin-top: 10px;
	margin-left: 25px;
}

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

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

	.col-25,
	.col-75 {
		width: 100%;
		margin-top: 0;
	}
}

.buttons {
	position: fixed;
	color: black;
	text-align: center;
	padding: 5px;
	width: 200px;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	overflow-x: hidden;
	background-color: #d2d2d1;
}

#btnopenNav {
	width: 25px;
}

.buttons button {
	background-color: #45c1c4;
	border: 1px solid #000000;
	word-wrap: break-word;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 700;
	display: block;
	margin-top: 20px;
	width: 100%;
	padding: 4px 6px;
	cursor: pointer;
}

.buttons button:hover {
	background-color: #ddd;
	color: black;
}

.tab {
	position: relative;
	top: 0px;
	overflow: hidden;
	margin-left: 200px;
	background-color: #d2d2d1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/* Style the buttons that are used to open the tab content */
.tab button {
	background-color: #45c1c4;
	color: black;
	text-align: center;
	flex: 0 0 auto;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 8px;
	transition: 0.3s;
	font-size: 12px;
	border-radius: 5px;
	margin: 8px;
	border: 1px solid #ccc;
	font-weight: bold;
	height: 70px;
	width: 140px;
}

#btnp13 {
	font-size: 9px;
}

#btnekr {
	font-size: 11px;
}

#btnipogr,
#btnp21 {
	font-size: 10px;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #ddd;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 0px 12px;
	border: 1px solid #ccc;
	border-top: none;
	margin-left: 200px;
}

.boutset {
	border-style: outset;
	padding: 10px;
}

#confirm3_s,
#confirm5_s,
#confirm6_s,
#confirm4_s {
	border: 1px solid #aaa;
	border-radius: 10px;
	max-width: 450px;
	text-align: center;
}

#confirm3 button,
#confirm5 button,
#confirm6 button,
#confirm4 button {
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #aaa;
	padding: 5px;
	text-align: center;
	width: 100px;
	cursor: pointer;
	font-size: 12px;
}

#confirm3 .message,
#confirm5 .message,
#confirm6 .message,
#confirm4 .message {
	padding: 6px 6px 6px 6px;
	text-align: left;
	font-size: 14px;
	color: #a6a6a6;
}

#confirm3 .yes,
#confirm5 .yes,
#confirm6 .yes,
#confirm4 .yes {
	background-color: #45c1c4;
	color: #ffffff;
	font-weight: bold;
}

#confirm3 .no,
#confirm5 .no,
#confirm6 .no,
#confirm4 .no {
	background-color: #ffffff;
	color: #45c1c4;
	font-weight: bold;
}

.button-oil {
	color: white !important;
	background-color: #45c1c4 !important
}

.button-oil:hover {
	color: #000000 !important;
	background-color: #91d4d1 !important
}

#q15 th,
#q15 tr,
#q15 td {
	padding: 1px 15px;
}

#ddata_table th,
#ddata_table tr,
#ddata_table td {
	border: 1px solid #45c1c4;
	padding: 1px 15px;
}

::placeholder {
	color: rgb(212, 211, 155);
	font-size: 1.0rem;
}

#cookie-banner {
	background-color: #044487;
	flex-direction: row;
	inset: auto 0px 0px;
	padding: 1.25rem;
	color: #ffffff;
	position: fixed;
	font-size: 1rem;
	display: none;
	z-index: 9;
}

#cookie-banner.active {
	display: flex;
}

#cookie-banner a {
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

#cookie-banner a:hover,
#cookie-banner a:focus,
#cookie-banner a:active {
	filter: contrast(0.75);
}

#cookie-banner .cookie-button {
	transition: box-shadow 0.25s ease-in-out, filter 0.25s ease-in-out;
	box-shadow: inset 0 0 0px 0px #ffffff;
	border: 0.25rem solid #003677;
	outline: none;
	filter: brightness(1);
	text-decoration: none;
	padding: 0.4rem 3.125rem;
	box-sizing: border-box;
	background: #003677;
	font-size: 1.2rem;
	color: #ffffff;
	cursor: pointer;
}

#cookie-banner .cookie-button:first-of-type {
	margin-left: auto;
}

#cookie-banner .cookie-button:hover {
	filter: brightness(1.1);
}

#cookie-banner .cookie-button:active:hover,
#cookie-banner .cookie-button:focus {
	box-shadow: inset 0 0 2px 1px #ffffff;
}

#cookie-banner .cookie-button.cookie-button-light {
	border: 0.25rem solid #00aeef;
	background: #00aeef;
}

#print-message {
	text-align: center;
	position: relative;
	height: 100vh;
	border: none;
}

#print-message>div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#dnik {
	flex-direction: column;
	flex: 1 1 auto;
	display: none;
}

#dnik[style*='display: block'],
#dnik[style*='display:block'] {
	display: flex !important;
}