* {
	font-family: arial, helvetica, sans-serif;
	font-size: 1rem;
}

/* set body background white */
.prtlBody {
	background-color: #fff !important;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
}

.brandImage {
	background-repeat: no-repeat;
	background-image: none;
	width: 60%;
	max-width: 800px;
}

/*Hide labels*/
label.lblStdNew {
	display: none;
}

/*Content Wrapper*/
.logonContent {
	background-color: transparent;
	/* Set up positioning */
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #666666;
}

/*	Brand Image position
	And Styles from SAP Standard	*/
.urProductName {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	height: auto;
}

.urProductName>img {
	max-width: 350px;
}

.urBrandImage {
	margin-top: 20px;
	overflow: hidden;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1157px;
	height: 100%;
	max-height: 280px;
	padding: 20px 0px 10px 0px;
}

.urBrandImage>img {
	width: 100%;
	max-width: 1000px;
	height: auto;
	position : relative;
	top: -200px;
}

.urLogonData {
	overflow-x: hidden;
	overflow-y: hidden;
	height: 100%;
	width: 100%;
	padding-right: 12px;
	SCROLLBAR-FACE-COLOR: #ddeaf5;
	SCROLLBAR-HIGHLIGHT-COLOR: #ddeaf5;
	SCROLLBAR-SHADOW-COLOR: #b5c0c9;
	SCROLLBAR-ARROW-COLOR: #394452;
	SCROLLBAR-TRACK-COLOR: #f3f6f9;
	SCROLLBAR-DARKSHADOW-COLOR: #ddeaf5;
	SCROLLBAR-BASE-COLOR: #b5c0c9
}

/*Linie Bildgröße einstellen*/
.linie {
	width: 50%;
	max-width: 1157px;
	min-width: 420px;
	height: 1px;
}

.headerText {
	text-align: center;
	padding: 30px 0px 0px 0px;
}

.welcometext {
	margin: 5px 0 5px 0;
	color: #6f6f6f;
}

.systemlevel {
	margin: 15px 0 5px 0;
	color: #6f6f6f;
	font-weight: bold;
}

.tblFrmUIClass {
	padding-top: 40px;
}

.formtable {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 280px;
	/*padding-top: 20px;*/
}

.alert-box {
    color:#555;
    border-radius:5px;
    font-size:13px;
    padding:10px 10px 10px 36px;
    margin:10px auto;
    width: 50%;
    text-align: left;
}

.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}

.error {
    background:#ffecec url('images/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}

.blockerList {
	list-style: circle;
	text-align: left;
}

/*Bildgröße einstellen (Bild in der Mitte)*/
.bild {
	width: 70%;
	max-width: 1157px;
	min-width: 420px;
	height: auto;
	margin-bottom: 50px;
}

/*Form Inhalt ausrichten*/
.login-form {
	min-width: 240px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

/*Copyrighttext*/
.copyrightText {
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 40px;
	text-align: center;
	background-color: transparent;
	color: #003464;
	font-size: 12px;
}

a, a:visited {
	color: #003464;
	text-decoration: none;
}

a:hover, a:active {
	color: #002444;
}

/*Remove/Reset the light yellow background of the input label in Chrome for autofill*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

input::-webkit-input-placeholder {
	/* Chrome */
	color: #c0c0c0;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #c0c0c0;
}

/*Button*/
input[type=submit] {
	outline: 0;
	background: #003464;
	width: 100%;
	border: 0;
	padding: 10px;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
	border-radius: 2px;
}

button:hover, button:active, button:focus, input[type=submit]:hover,
	input[type=submit]:active, input[type=submit]:focus {
	background: #002444;
}

.urBtnStdNew:hover {
	background-color: #E9F2FA;
	border-color: #B8C1CC #4B8BC7 #4B8BC7 #B8C1CC;
	color: #ffffff;
	text-decoration: none
}

.urEdfTxtEnbl {
	outline: 0;
	height: auto;
	background: #ffffff;
	width: 100%;
	border: 1px solid #666666;
	margin: 0 0 10px;
	padding: 5px;
	box-sizing: border-box;
	font-size: 16px;
	border-radius: 2px;
}

/* MEDIA QUERIES */
@media only screen and (min-device-width : 568px) and (max-device-width
	: 736px) and (orientation : landscape) {
	.tblFrmUIClass {
		padding-top: 10px;
	}
	.urLogonTable {
		width: 100%;
		padding-top: 0px;
	}
	.headerText {
		margin-bottom: 5px;
		padding: 0px 0px 0px 0px;
	}
	.urBrandImage {
		padding: 10px 0px 0px 0px;
	}
	.copyrightText {
		padding-top: 0px;
	}
	.formtable {
		padding: 0px;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width
	: 414px) and (orientation : portrait) {
	.welcometext, input[type=submit] {
		font-size: 30px;
	}
	.copyrightText, .urTxtMsg {
		font-size: 20px;
	}
	.urEdfTxtEnbl {
		padding-left: 10px;
		font-size: 18px;
	}
	.urMessageArea {
		padding: 0 0 20px 0;
	}
}