body, html {
	color: #ffffff !important;
}

.background {
	background-image: url("/bagmanager/faces/jakarta.faces.resource/images/loginBg.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(100vh - 16px) !important;
}

.logo-panel {
	width: 100% !important;
	height: 70px !important;
}

.logo-panel .logo-image {
	max-width: 100% !important;
	max-height: 45px !important;
	padding-top: 10px;
	padding-left: 10px;
}

.body-panel {
	width: 100% !important;
}

.body-panel .pi {
    font-size: 18px;
}

.body-panel .login-panel {
	border-color: rgba(121, 121, 121, 1);
	background-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: thin;
	border-radius: 10px;
	box-shadow: 0px 0px 20px #3c3a3a;
	height: 440px !important;
	width: 400px !important;
	margin: auto;
	padding-top: 50px;
}

.body-panel .login-panel .row-div {
	width: 300px !important;
	margin: auto;
}

.body-panel .login-panel .header-div {
	text-align: center;
	height: 50px !important;
}

.body-panel .login-panel .header-div .header-text {
	font-size: 28px;
	font-weight: bold;
}

.body-panel .login-panel .label-div {
	height: 30px !important;
	padding-top: 10px;
}

.body-panel .login-panel .input-div {
	height: 55px !important;
}

.body-panel .login-panel .label-div, .body-panel .login-panel .input-div .input-field {
	font-size: 15px !important;
}

.body-panel .login-panel .input-div .input-field {
	width: 270px !important;
	height: 50px !important;
}

.body-panel .login-panel .login-btn-div {
	height: 50px !important;
	padding-top: 10px;
}

.body-panel .login-panel .login-btn-div .login-btn {
	width: 300px !important;
	height: 50px !important;
}

.body-panel .login-panel .highlight {
	height: 35px !important;
	text-align: center;
}

.body-panel .login-panel .highlight .common {
	width: 100% !important;
	height: 100% !important;
	font-weight: bold;
	padding-top: 7px;
}

.body-panel .login-panel .highlight .warn {
	background-color: #f5821f;
}

.body-panel .login-panel .highlight .error {
	background-color: #c61c22;
}

.body-panel .login-panel .highlight .no-show {
	display: none;
}

.body-panel .copyright-panel {
	width: 400px !important;
	margin: auto;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
}

.external-copyright-panel {
	position: fixed;
	bottom: 0;
	right: 8px;
}

.external-copyright-panel .external-copyright-grid {
	font-size: 11px;
}

.external-copyright-panel .external-copyright-grid .mule-soft-logo {
	width: 90px !important;
	height: 25px !important;
}

body .ui-inputgroup .ui-inputgroup-addon {
	background: #ffffff;
	width: 40px !important;
	font-size: 1.5em;
	padding-top: 8px;
}

.field-error {
	border: solid 2px #c61c22 !important;
}

input::-ms-reveal {
    display: none;
}