/*SPAR addon */
[data-bs-theme=dark] {
	--egt-logo-color-0: #ffffff;
	--egt-logo-color-2: #ffffff;
	--egt-logo-color-3: #ffffff;
	--box-shadow:  0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015);
	--border-radius: 6px;
	--func-bg: #181c25;
	--func-hover: #1F2430;
	--func-border: #495057;

}
[data-bs-theme=light] {
	--egt-logo-color-0: #88cac0;
	--egt-logo-color-2: #5671ad;
	--egt-logo-color-3: #d2d2b;
	--box-shadow: 0.0145rem 0.029rem 0.174rem rgba(129, 145, 181, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(129, 145, 181, 0.024), 0.0625rem 0.125rem 0.75rem rgba(129, 145, 181, 0.03), 0.1125rem 0.225rem 1.35rem rgba(129, 145, 181, 0.036), 0.2085rem 0.417rem 2.502rem rgba(129, 145, 181, 0.04302), 0.5rem 1rem 6rem rgba(129, 145, 181, 0.06), 0 0 0 0.0625rem rgba(129, 145, 181, 0.015);
	--border-radius: 6px;
	--func-border: #52c6d9;
}

.navbar .navbar-brand  .logo .st0 {
  fill: var(--egt-logo-color-0);
} 
.navbar .navbar-brand .logo .st2 {
  fill: var(--egt-logo-color-2);
} 
.navbar .navbar-brand .logo .st3 {
  fill: var(--egt-logo-color-3);
} 

.footer .footerlogo .logo .st0 {
  fill: var(--egt-logo-color-0);
} 
.footer .footerlogo .logo .st2 {
  fill: var(--egt-logo-color-2);
} 
.footer .footerlogo .logo .st3 {
  fill: var(--egt-logo-color-3);
} 

/*footer*/
.footer .footerlogo {
	padding: 10px 10px;
}

.footer .footerlogo .logo {
	width: auto;
    height: 60px;
}

.footer {
	color: var(--color-font);
}
.footermenu a:link, .footermenu a:visited {
	color: var(--color-font);
}
.footeraddress a:link, .footeraddress a:visited {
	color: var(--color-font);
}
.footercopyr {
	color: var(--color-font);
}


/*login bt*/

.login-panel-top .logo{
	height: 80px;
	width: 80px;
}

/*funkció gomb*/


.funcbtn {
	color: var(--color-font);
	border-color: var(--func-border);
	background-color: var(--func-bg);
    /*background-color: var(--pico-card-background-color);*/
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);	
}
.funcbtn .icon {
	color: var(--color-font);
}

.funcbtn:hover {
	background-color: var(--func-hover);
	border-color: var(--func-border);	
}
/*list link*/
.devicerow {
	cursor: pointer;
}

.interval .icon {
	font-size: 30px;
	color: var(--color1);
}