.ShellLoginPage .ShellCustomControls, .ShellLoginPage .ShellDefaultControls {
	width: 50%;
	position: relative;
}

.SerialNumberTextBox {
	max-width: 250px;
}

.modulebody .ShellLoginPage {
	max-width: 600px !important;
}

.OR {
	position: absolute;
	background-color: white;
	font-weight: 800;
	right: -10px;
	margin-top: 5px;
	z-index: 2;
}

input.SerialNumberTextBox.form-control {
	max-width: 250px;
}
/*you are not signed in*/
.ShellLoginControl p {
	color: green !important;
	font-style: italic !important;
	font-weight: 900 !important;
	font-size: 16px;
}
/* "*recomended" */
.ShellDefaultControls p {
	color: black !important;
	font-weight: 500 !important;
	font-size: 13px;
	font-style: normal !important;
	position: absolute !important;
}

/*Tooltip*/
.Ttip {
	position: absolute;
	color: black;
	font-size: 20px !important;
}

/*Desktop*/
@media screen and (min-width: 640px) {
	.ShellLoginControl {
		margin-bottom: 100px;
	}

	.ShellCustomControls {
		float: left;
	}

	.ShellDefaultControls {
		float: right;
		width: 55%;
		border-left: solid #e2e2e2 1px;
		padding-left: 38px;
	}

		/* "*recomended" */
		.ShellDefaultControls p {
			right: -14%;
			bottom: 83%;
		}
	/*Tooltip*/
	.Ttip {
		left: 190px;
		bottom: 73px;
	}
}
/*Mobile*/
@media screen and (max-width: 640px) {

	.LoginUserNameLabel, .LoginPasswordLabel, .SerialNumberLabel {
		color: black;
	}

	.ShellLoginPage .ShellCustomControls, .ShellLoginPage .ShellDefaultControls {
		width: 100%;
	}

	.modulebody .ShellLoginPage {
		margin: 0 auto;
		max-width: 300px !important;
	}

	input.SerialNumberTextBox.form-control {
		max-width: 100%;
	}

	.ShellLoginControl {
		margin-top: 20px;
	}

	.ShellCustomControls {
		border-bottom: solid #e2e2e2 1px;
		margin-bottom: 10px;
		padding-bottom: 18px;
	}

	.OR {
		top: 103px;
		right: 45%;
	}
	/* "*recomended" */
	.ShellDefaultControls p {
		right: -3%;
		bottom: -16%;
	}
	/*Tooltip*/
	.Ttip {
		left: 78%;
		bottom: 85%;
	}
}