/* ---  Login --------- */-
.ams-login-page, .ams-login-page.x-body {
	position: relative;
	min-height: 100%;
	background: -webkit-linear-gradient(to left, #71614b, #585654);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to left, #71614b, #585654);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to left, #71614b, #585654);
	/* For Firefox 3.6 to 15 */
	    background: linear-gradient(to left, #71614b, #585654);
	/* Standard syntax */
}

.ams-login-page .navbar-default, .ams-login-page .ams-footer {
	background: none !important;
}

.ams-login-page .navbar-default *, .ams-login-page .ams-footer * {
	color: white !important;
}

.ams-loginpage .ams-header {
	background: none !important;
}

.ams-loginpage .ams-footer {
	color: #444;
	text-align: center;
	font-size: 10px;
}

.ams-loginpage hr {
	border-top: none;
	margin: 5px;
}

@media ( max-height : 800px) {
	.ams-loginpage .ams-footer {
		position: inherit;
		width: 100%;
		bottom: 10px;
	}
}

/* ---  Login --------- */

.ams-login-page, .ams-login-page.x-body {
	position: relative;
	min-height: 100%;
	background: -webkit-linear-gradient(to left, #71614b, #585654);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to left, #71614b, #585654);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to left, #71614b, #585654);
	/* For Firefox 3.6 to 15 */
	    background: linear-gradient(to left, #71614b, #585654);
	/* Standard syntax */
}

.ams-login-page .navbar-default, .ams-login-page .ams-footer {
	background: none !important;
}

.ams-login-page .navbar-default *, .ams-login-page .ams-footer * {
	color: white !important;
}

.ams-loginpage .ams-header {
	background: none !important;
}

.ams-loginpage .ams-footer {
	color: #444;
	text-align: center;
	font-size: 10px;
}

.ams-loginpage hr {
	border-top: none;
	margin: 5px;
}

@media ( max-height : 800px) {
	.ams-loginpage .ams-footer {
		position: inherit;
		width: 100%;
		bottom: 10px;
	}
}

.ams-login-panel {
	padding-left: 24px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0.33px 2px 12px rgba(0, 0, 0, 0.3);
	border-radius: 9px;
	width: 540px;
	padding: 10px 50px 30px 50px;
	margin: 200px auto 10px auto;
}

.ams-login-panel.ams-login-panel-middle {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -200px -250px !important;
	min-height: 400px;
    width: 500px;
}

.ams-login-panel h1 {
	text-align: center;
    overflow: hidden;
    font-size: 28px;
    line-height: normal;
    margin: 20px 0 10px 0;
}

.ams-login-panel .ams-message-panel {
    margin: 15px 0 0 0;
}
.ams-login-panel {
	padding-left: 24px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0.33px 2px 12px rgba(0, 0, 0, 0.3);
	border-radius: 9px;
	width: 540px;
	padding: 10px 50px 30px 50px;
	margin: 200px auto 10px auto;
}

.ams-login-panel.ams-login-panel-trans {
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 1px 2px 0 rgb(0 0 0 / 19%);
    background: #ffffffa8;
    backdrop-filter: blur(10px);
}

.ams-login-panel.ams-login-panel-middle {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -200px -250px !important;
	min-height: 400px;
    width: 500px;
}

.ams-message-panel > * {
	display: inline-block;
	vertical-align: middle;
    padding: 0 7px 0 0;
}

@media ( max-height : 1000px) {
	.ams-login-panel {
		margin-top: 10%;
		margin-bottom: 10px;
	}
}

@media ( max-height : 600px) {
	.ams-login-panel {
		margin-top: 0px;
		margin-bottom: 10px;
	}
}

@media ( max-width : 576px) {
	
	.ams-login-panel.ams-login-panel-middle {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin: -200px -45vw !important;
	    height: 400px;
	    width: 90vw;
	}
	.ams-login-panel {
	    width: calc(100% - 20px);
	    padding: 0px 10px 20px 10px;
	    margin-left: 10px;
	    margin-right: 10px;
	}
	.ams-login-panel h1 {
		font-size: 24px;
		text-align: center;
	}
	.ams-login-panel h3 {
		text-align: center;
		font-size: 16px;
		font-weight: 600;
	}
	.ams-login-panel .submit-btngroup {
		text-align: center;
		font-size: 16px;
		font-weight: 600;
	}
}

.ams-login-panel .company-logo {
	width: 320px;
	height: 100px;
	background: transparent url(/resources/images/logo_t.png) 50% 0
		no-repeat;
	background-size: auto 100%;
	margin: 30px auto 0px auto;
	background-size: 100% auto;
}

@media ( max-width : 767px) {
	.ams-login-panel .company-logo {
		width: 220px;
		height: 60px;
	}
}