body {
	font-family: Arial;
	font-size: 14px;
}

#h1fio {
	font-weight: 100;
	font-size: 24px;
	color: #777;
}


table {
	font-size: 14px;
	color: #777;
	border-collapse: collapse;
	margin: 10px;	
	margin-left: 20px;	
	margin-right: 20px;	
}

table tr {
	height: 40px;
}

table tr td {
	border-top: 1px solid #eee;
	padding-left: 10px;
	padding-right: 10px;
}

hr {
	border: 1px solid #eee;	
}

/*
input[type=button] {
	color: #fff;
	background-color: #00aae6;
	border: 1px solid #00aae6;	
	cursor: pointer;
	margin-left: 20px;	
	margin-bottom: 20px;
}

#buttonlight {
	color: #777;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #eee;	
	margin-left: 0px;	
}

#buttonaction {
	color: #fff;	
	background-color: #e86f3f; 
	cursor: pointer;
	border: 1px solid #eee;	
	margin-left: 0px;	
}

#buttonadditional {
	color: #fff;
	background-color: #00aae6;  
	border: 1px solid #eee;	
	cursor: pointer;  
}


input[type=button]:hover, #buttonaction:hover, #buttonlight:hover, #buttonadditional:hover {
	color: #fff;	
	background-color: #16903e;
}

input[type=text], input[type=password] {
	color: #777;
	font-size: 14px;
	height: 20px;
	width: 280px;
	border: 1px solid #aaa;
	-webkit-border-radius: 3px;
}

input[type=text]:focus {
	border: 1px solid #00aae6;
}

*/

::placeholder { 
	color:    #aaa;
}

#searchtab{	
	margin-left: 18px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#searchtab tr td {
	border-top: 0px solid #eee;
	padding: 2px;
}

#tabDataHeader {
	font-size: 11px;
}


/*** Table for forms ***/
#tabform {
	padding: 0px;
	margin: 0px;
	border: none;
}

#tabform td{
	border: none;
	width: 320px;
}

#tabform input {
	display: block;
	width: 100%;	
/*	width: 320px;*/
	height: 35px;
	-webkit-border-radius: 3px;
	margin: 5px;
}

.tabformselect {
	color: #777;
	font-size: 14px; 
	background-color: #fff;
	border: 1px solid #777;	
	cursor: pointer;
	width: 100%;
	height: 22px; 
	margin-left: 10px;
	-webkit-border-radius: 3px;
}


#canvas {
	border: 1px solid #eee;
	margin: 10px;
	margin-top: 20px;
	-webkit-border-radius: 5px;
	display: block;
	min-width: 600px;
}

#hintersmall {
	font-size: 11px;
	color: #999;
	margin-left: 20px;
}

#hintersmalltd {
	font-size: 11px;
	color: #999;
}


#pagenum {
	padding: 10px;
	margin-bottom:20px;
	color: #777;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #eee;	
	margin-left: 0px;		
	text-decoration: none;
}

#pagenum:hover {
	color: #fff;	
	background-color: #16903e;
} 

.margin-left-20 {
	margin-left: 20px;
}



/*** LOGIN FORM STYLE ***/

.canvaslogin {
	width: auto;
	height: auto;
	display: flex;
	justify-content: center;
}

.loginbox {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.loginboxinner {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid #eee;
	padding: 10px;
	border-radius: 5px;
	width: 300px;
}


.loginboxinner #user_login { width: 120px; margin: 0 auto; margin-top:2px; margin-bottom: 15px;}
.loginboxinner #user_pwd { width: 180px; margin: 0 auto; margin-top:2px; margin-bottom: 25px;}
.loginboxinner #hintersmalltd { margin: 0 auto; }
.loginboxinner #buttonadditional { width: 222px; margin: 0 auto; height: 30px; -webkit-border-radius: 3px;}































/****################****/
/**** AidentikA 2030 ****/

/** # COMMON STYLE **/

body {
	font-family: Arial;
	font-size: 14px;
}

h1 {
	font-size: 18px;
	margin: 20px;	
	display: inline-block;
}

h2 {
	color: #777777;
	font-size: 18px;
	margin: 20px;
	margin-top: 10px;	
	margin-bottom: 0px;	
}

h3 {
	color: #777777;
	font-size: 16px;
}

hr {
	border: 1px solid #eee;	
}


/*** TOP BAR AND HUMBERGER ***/

.topbar {
	padding: 8px;	
	margin: 0px;
	text-align: end;
	padding-right: 20px;
	color: #777;
	font-size: 14px;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;	
	background-color: #fff;
	height: 44px;
	min-width: 300px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.topbar #buttonlight { margin: 0px; margin-left: 10px; }

.toph1 { color: #00aae6; }
.toph1.inactive { color: #c4c4c4; }

.hamburger {
  width: 24px;
  height: 18px;
  position: relative;
  cursor: pointer;
  display: inline-grid;	
  position: absolute;
  top: 25px;
  right: 20px;  
  z-index: 999;
}

.bar, .hamburger::before, .hamburger::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #333;
  position: absolute;
  transition: all 0.3s ease-in-out; /* Плавная анимация */
  z-index: 999;
}

.hamburger::before { top: 0; }
.bar { top: 50%; transform: translateY(-50%); }
.hamburger::after { bottom: 0; }

/* Состояние крестика */
.hamburger.is-active::before {
  transform: rotate(45deg);
  top: 9px;
}

.hamburger.is-active .bar {
  opacity: 0; /* Скрываем среднюю линию */  
}

.hamburger.is-active::after {
  transform: rotate(-45deg);
  bottom: 8px;
}

.hamburger .menu {
	display: none;   
	padding-top: 54px;
}

.hamburger.is-active .menu {
	display: block;
	height: auto;
	width: auto;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100vh; /* На весь экран */
	background-color: #fff;
	text-align: center;
	z-index: 998;
}

a, a:visited {
	text-decoration: none;	
	color: #000;
	transition: color 1s ease;
}

a:hover {
	color: #2d7ac0;
	transition: color 1s ease;
}




/** CANVAS, TABLES AND DECORATIONS **/

.topheightspace { margin: 0px; padding: 0px; height: 40px; }
.topheightspace20_2  { margin: 0px; padding: 0px; height: 20px; }

.canvas {
	border: 1px solid #eee;
	margin: 10px;
	margin-top: 20px;
	-webkit-border-radius: 10px;
	display: block;
	padding-bottom: 10px;
}

.canvasfilterform {
	display: flex;
	justify-content: space-between;
}

.canvasborderzero {
	border: 0px solid #eee;
}

.datatab { 
	display:table;
	border-collapse: collapse;
	margin: 10px;	
	margin-left: 20px;	
	margin-right: 20px;
}
.datatabheader, .datatabheader div { padding-top: 10px; }
.datatabtr { 
	display:table-row; 
	height: 40px;
}
.datatabtd { 
	display:table-cell; 
	border-top: 1px solid #eee;
	padding-left: 10px;
	padding-right: 10px;	
}
.datatabtdlabel { display: none; }
.datatabtd form { display: contents; }
.datatablight { font-size: 0.85em; color: #999; }

	
/*** ## Text ***/
.fontheadersmall {
	font-size: 11px;
	color: #999;
}


/*** ## Buttons AND Inputs***/

input[type=text], input[type=password] {
	color: #777;
	font-size: 14px;
	height: 20px;
	width: 280px;
	border: 1px solid #aaa;
	-webkit-border-radius: 10px;
}

input[type=text]:focus {
	border: 1px solid #00aae6;
}

.buttonlight {
	color: #777;
	height: 30px;
	background-color: #fff;
	transition: background-color 1s ease;
	cursor: pointer;
	border: 0px solid #eee;	
	margin-left: 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;	
}

.buttonaction {	
	color: #fff;	
	height: 30px;
	background-color: #e86f3f; 
	transition: background-color 1s ease;
	cursor: pointer;
	border: 0px solid #eee;	
	margin-left: 0px;	
	border-radius: 10px;
	-webkit-border-radius: 10px;	
}

.buttonadditional {
	color: #fff;
	transition: color 1s ease;
	height: 30px;
	background-color: #00aae6;  
	background-color: #1DAFF7;
	transition: background-color 1s ease;
	border: 0px solid #eee;	
	cursor: pointer;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}


input[type=button]:hover, .buttonaction:hover, .buttonlight:hover, .buttonadditional:hover {
	background-color: #008ACD;	
	transition: background-color 1s ease;
	color: #FFDD92;
	transition: color 1s ease;
}




/*** ICONS ***/
.icointab {
	width: 12px;
	height: 12px;
	cursor: pointer;
}

.icointabinvert { filter: invert(100%); }

.icointab:hover {
	filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(190deg) brightness(119%) contrast(119%);
	transition: filter 1s ease;
}




/*** # LOGIN AND LOGO CUSTOM ***/

.logo {
	margin-top: 20px;
	width: 320px;
	height: 74px;
	background: url('../img/Aiim Group_EVA_lightgrey_logo.png');
	background-repeat: repeat;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: cover;
}

.logotop {
	margin-top: 13px; 
	margin-left: 37px; 
	position: absolute; 
	width: 108px; 
	height: 25px; 
	background-size: 100% 100%;
}

.loginboxinner {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid #eee;
	padding: 10px;
	width: 300px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}


.loginboxinner input { border-radius: 10px;	-webkit-border-radius: 10px; }
.loginboxinner .fontheadersmall { margin: 0 auto; }
.loginboxinner .user_login { width: 120px; margin: 0 auto; margin-top:2px; margin-bottom: 15px;}
.loginboxinner .user_pwd { width: 180px; margin: 0 auto; margin-top:2px; margin-bottom: 25px;}
.loginboxinner .buttonadditional { width: 222px; margin: 0 auto; margin-bottom: 25px; }













/* Mobile version */
@media screen and (max-width: 800px) {	

	body { padding-top: 0px; }
	input { font-size: 16px; }

	.topheightspace { height: 22px; }	
	.topheightspace20_2 { height: 2px; }	
	.canvas { margin: 0px; }
	.canvasfilterform { display: block; }
	
	.datatab, .datatabtr, .datatabtd { display: block; }
	.datatabtr {		
		height: auto;        
		margin-bottom: 5px;
		padding: 2px;
        border: 0px solid #ccc;
		background-color: #f5f5f5;		
		border-radius: 10px;
		-webkit-border-radius: 10px;
		text-align: justify;
	}
	.datatabtd {
		/*position: relative;		*/
		width: calc(80% / 2);
        border: none;
		background-color: #fff;		
		display: inline-grid;
		margin: 2px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
    }
	.datatabtd form { display: contents; }
	.datatabtdlabel { display: contents; }	
	.datatabheader { display: none; }		
	
	.topbar { height: 28px; padding: 0px; }
	.toph1 { margin-top: 5px; margin-bottom: 0px; }
	.hamburger { top: 5px; right: 10px; }

	.logotop { margin-top: 7px; margin-left: 10px; width: 65px; height: 15px; }


	.loginboxinner .fontheadersmall { font-size: 2rem; }
	.loginboxinner .user_login, .loginboxinner .user_pwd { font-size: 2rem; height: 2rem; width: 80%; }
	.loginboxinner .buttonadditional { font-size: 2rem; height: 3rem; width: 90%; }
	

}
/* Mobile version <<< END */