#statusBar input[type='button'],
#statusBar input[type='submit']
{
	background-color: #03A9F4;
}

#statusBar.testDesign input[type='button'],
#statusBar.testDesign input[type='submit']
{
	background-color: #EF6C00;
}

#statusBar.lgeDesign input[type='button'],
#statusBar.lgeDesign input[type='submit']
{
	background-color: #A50034;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.4) !important;
	border: 1px solid rgba(255,255,255,0.2) !important;
}

#statusBar.greenDesign input[type='button'],
#statusBar.greenDesign input[type='submit']
{
	background-color: #4CAF50;
}

#statusBar.lifefitnessDesign input[type='button'],
#statusBar.lifefitnessDesign input[type='submit']
{
	background-color: #939598;
}

#statusBar.pennyDesign input[type='button'],
#statusBar.pennyDesign input[type='submit']
{
	background-color: #FFD400;
}

@keyframes blinkReportMenuRunning {
    0% {
		box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
		background-color: #03A9F4;
    }
    50% {
		box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25);
		background-color: #F57C00;
    }
    100% {
		box-shadow: 0px 0px 2px 1px rgba(2, 0, 0, 0.1);
		background-color: #03A9F4;
    }
}

@keyframes blinkReportMenuFinished {
    0% {
		box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
		background-color: #03A9F4;
    }
    50% {
		box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25);
		background-color: #00C853;
    }
    100% {
		box-shadow: 0px 0px 2px 1px rgba(2, 0, 0, 0.1);
		background-color: #03A9F4;
    }
}

.jasperReporter > .header.reportRunning {
	background: #F57C00;
}

.jasperReporter > .header.reportFinished {
	background: #00C853;
}

.jasperReporter > .header.reportFailed {
	background: #D50000;
}

#statusBar input[type='button'].reportMenu.reportRunning {
	animation: blinkReportMenuRunning 1s;
	animation-iteration-count: 10;
	/*animation-iteration-count: infinite;*/
}

#statusBar input[type='button'].reportMenu.reportFinished {
	animation: blinkReportMenuFinished 1s;
    animation-iteration-count: 10;
}

.statusMenu
{
	width: 350px;
	height: 300px;
	background: #FDFDFE;
	position: absolute;
	top: 34px;
	right: 0px;
	visibility: hidden;
	padding: 10px;

	box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.25);
	border-radius: 5px;

	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #575b66;
}

#reportMenu
{
	width: 400px;
	height: 360px;
}

#versionMenu
{
	overflow: auto;
}

#languageMenu
{
	overflow: hidden;
	width: 180px;
	height: 120px;
}

/*#versionMenu
{
	width: 320px;
	height: 290px;
	background: #FDFDFE;
	position: absolute;
	top: 44px;
	right: 170px;
	box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	visibility: hidden;
	padding: 10px;

	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #575b66;
}

#personalMenu
{
	width: 300px;
	min-height: 275px;
	background: #FDFDFE;
	position: absolute;
	top: 44px;
	right: 90px;
	box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	visibility: hidden;
	padding: 10px;
	padding-top: 5px;

	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #575b66;
}*/

#personalMenu .user
{
	font-family: BenchNine;
	font-size: 22px;
}

#personalMenu table
{
	width:100%;
	margin-bottom:5px;
	box-sizing: border-box;
}

#personalMenu table td
{
	vertical-align:middle;
	padding: 3px 0px;
}

.version
{
	margin-top: 13px;
	margin-right: 10px;
	float: right;
	font-family: BenchNine;
	font-size: 18px;
	color: #fff;
}

.version a
{
	text-decoration: none;
	color: #fff;
}

.version a:hover
{
	text-decoration: none;
	color: #fff;
}

#statusBar input[type='submit'].flowLogin,
#statusBar input[type='button'].flowLogin {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_login.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar.lifefitnessDesign input[type='submit'].flowLogin {
	background-color: #939598;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
}

#statusBar .forgottenPw {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_key.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].flowLogout {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_logout.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].flowReg {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_reg.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].flowPersonalMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_user.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].flowVersionMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_info.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].flowUpgradeMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_dbupgr.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].flowUpgradeMenu.upgradeable {
	background-image: url(../images/statusbar_icons/stb_dbupgr2.png);
}

#statusBar input[type='button'].flowChangePw {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_user.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar button[type='button'].flowLanguage {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: space-between;
	column-gap: 0;
	height: 28px;
	width: 120px;
	line-height: 28px;
	color: #FDFDFE;
	border: 0px;
	border-radius: 5px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: none;
	background-color: #4CAF50;
	cursor: pointer;
}
	#statusBar button[type='button'].flowLanguage .language_flag {
		width: 40%;
		height: 100%;
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
	}
		#statusBar button[type='button'].flowLanguage.iso_lang_en .language_flag {
			background-image: url(../images/flags/uk.svg);
		}
		#statusBar button[type='button'].flowLanguage.iso_lang_hu .language_flag{
			background-image: url(../images/flags/hungary.svg);
		}

	#statusBar button[type='button'].flowLanguage .language_text {
		width: 60%;
		height: 100%;
		font-size: 12px;
		font-style: normal;
		color: white;
	}

#statusBar input[type='button'].userSwitchMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_reg.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].chatMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_chat.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].upgradeMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_upgr.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].reportMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_report.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].syncMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_dbimport.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].fireAlarmMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background: #F44336 url(../images/statusbar_icons/stb_fire_alarm_hover.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button'].fireAlarmStopMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-image: url(../images/statusbar_icons/stb_fire_alarm_hover.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#statusBar input[type='button']:hover,
#statusBar input[type='submit']:hover,
#statusBar button[type='button']:hover
{
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
}

#statusBar.lgeDesign input[type='button']:hover,
#statusBar.lgeDesign input[type='submit']:hover
{
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25) !important;
}

#statusBar input[type='button'].fireAlarmMenu:hover {
	box-shadow: 0px 0px 25px 5px rgba(244, 67, 54, 1.0);
}


#statusBar input[type='button'].fireAlarmListMenu:hover {
	box-shadow: 0px 0px 25px 5px #e5cb24;
}

#statusBar input[type='button'].fireAlarmListMenu {
	border-radius:5px;
	width: 70px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background: #FCE221 url(../images/statusbar_icons/stb_fire_alarm_hover.png);
	background-position: center center;
	background-repeat: no-repeat;
}


#statusBar input[type='text'],
#statusBar input[type='password'] {
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background-color: #03A9F4;
	width: 160px;
	height: 28px;
	border-radius: 5px;
}

#statusBar.testDesign input[type='text'],
#statusBar.testDesign input[type='password']
{
	background-color: #EF6C00;
}

#statusBar.lgeDesign input[type='text'],
#statusBar.lgeDesign input[type='password']
{
	background-color: #A50034;
}

#statusBar.greenDesign input[type='text'],
#statusBar.greenDesign input[type='password']
{
	background-color: #4CAF50;
}

#statusBar.lifefitnessDesign input[type='text'],
#statusBar.lifefitnessDesign input[type='password']
{
	background-color: #d11f2e;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
}

#statusBar.pennyDesign input[type='text'],
#statusBar.pennyDesign input[type='password']
{
	background-color: #d2232a;
	box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1);
	color: #FFF;
}

#statusBar input[type='text']:hover,
#statusBar input[type='password']:hover,
#statusBar input[type='text']:focus,
#statusBar input[type='password']:focus {

}

#statusBar input[type='text']:-webkit-autofill,
#statusBar input[type='password']:-webkit-autofill {
	-webkit-text-fill-color: #FDFDFE;
	-webkit-box-shadow: 0 0 0px 1000px #03A9F4 inset, 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
}

#statusBar.testDesign input[type='text']:-webkit-autofill,
#statusBar.testDesign input[type='password']:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0px 1000px #EF6C00 inset, 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
}

#statusBar.lgeDesign input[type='text']:-webkit-autofill,
#statusBar.lgeDesign input[type='password']:-webkit-autofill
{
	-webkit-text-fill-color: #A50034;
	-webkit-box-shadow: 0 0 1000px white inset, 0px 0px 2px 1px rgba(0,0,0,0.1);
}

#statusBar.lgeDesign input[type='text']:hover,
#statusBar.lgeDesign input[type='password']:hover,
#statusBar.lgeDesign input[type='text']:focus,
#statusBar.lgeDesign input[type='password']:focus 
{
	-webkit-text-fill-color: #A50034;
	-webkit-box-shadow: 0 0 1000px white inset, 0 0 100px rgba(162,0,52,0.3) inset,0px 0px 2px 1px rgba(0,0,0,0.1);
}

#statusBar.greenDesign input[type='text']:-webkit-autofill,
#statusBar.greenDesign input[type='password']:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0px 1000px #4CAF50 inset, 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
}

#statusBar.lifefitnessDesign input[type='text']:-webkit-autofill,
#statusBar.lifefitnessDesign input[type='password']:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0px 1000px #d11f2e inset, 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
}