html, body {
	height:100%;
	padding:0;
	margin:0;
}

body.caltrop-login-wrapper {
	background:#ffffff;
	margin:0 auto;
	padding:0;
	font-family: 'Poppins', sans-serif;
	font-size:14px;
    background-size: 50% 100%;
}
h1, h2, h3, h4, h5, p {
	margin:0;
	padding:0;
}

img {
	max-width:100%;
}
.ClrBth {
	clear:both;
}

body.caltrop-login-wrapper #screen1 {
	position:relative;
	height:100%;
}


body.caltrop-login-wrapper #screen1 .login-container {
	padding:10% 6% 6% 6%;
	width:1170px;
	margin:0 auto;
	border-radius:20px;
	position:relative;
}

.caltrop-login-wrapper  #screen1 .login-bg {
	background:url(../images/login-page-bg-2.jpg) right top;
	background-repeat: no-repeat;
	background-size:cover;
	width:50%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
}

.caltrop-login-wrapper .login-container .login-left {
	width:35%;
	float:left;
	text-align:center;
}

.caltrop-login-wrapper .login-container .login-left .login-logo {
	max-width:200px;
}
.caltrop-login-wrapper .login-container .login-left h1 {
	color:#5b5b5b;
	font-size:25px;
	font-weight:500;
	margin:30px 0 0 0;
}
.caltrop-login-wrapper .login-container .login-left h2 {
	font-size:17px;
	color:#7e7f85;
	font-weight:300;
	margin:5px 0 0 0;
}
.caltrop-login-wrapper .login-container .login-right {
	width:52%;
	float:right;
	text-align:center;
}
.login-form {
	margin:30px 0 0 0;
}
.login-form .formfield {
	margin:17px 0;
	position:relative;
}

.login-form .formfield::before {
	font-family: 'Line Awesome Free';
    font-weight: 900;
	position:absolute;
	left:10px;
	font-size:25px;
	color:#8d8d8d;
	top:10px;
}

.login-form .formfield.language::before {
	content: "\f1ab";
}

.login-form .formfield.username::before {
	content: "\f007";
}

.login-form .formfield.password::before {
	content: "\f084";
}

.login-form .formfield input, .login-form .formfield select {
	height:45px;
	border:solid 1px #b9bdc3;
	padding:0 10px 0 45px;
	border-radius:5px;
	width:100%;
	font-size:15px;
	box-sizing:border-box;
}
.login-form .formfield select {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
-webkit-appearance: none;
width:100%;
}

.login-form .formfield button {
	background:#1e4677;
	width:55%;
	border:solid 1px #1e4677;
	border-radius:6px;
	height:50px;
	font-size:16px;
	text-transform:none;
	font-weight:500;
	color:#ffffff;
	font-family: 'Poppins', sans-serif;
	margin:20px 0 35px 0;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.login-form .formfield button:hover {
	background:#222222;
}
.login-form .forgot-password {
	color:#fff;
	text-align:center;
	padding:15px 0 0 0;
}
.caltrop-login-wrapper .login-container .link-block {
	font-size:16px;
	font-weight:300;
	color:#666666;
}
.caltrop-login-wrapper .login-container .link-block a {
	color:#1e4677;
	font-weight:500;
	text-decoration:none;
}
.caltrop-login-wrapper .login-container .link-block a:hover {
	text-decoration:underline;
}
.caltrop-login-wrapper .login-container .login-right h1 {
	font-size:46px;
	font-weight:600;
	color:#e9511d;
	margin:35px 0 35px 0;
}
.tracking-image {
	margin:30px 0 0 0;
}