bodyxx {
	background: url(/LUT_ZUI5_CSR_TASK_V4/img/mountain2_1.png) no-repeat center center fixed;
	background-size: cover;
}
body {
    displayxx: flex;
    justify-contentxx: center;
    align-itemsxx: center;
    heightxx: 100vh;
    backgroundxx: #fc4a1a;
    background: -webkit-linear-gradient(#F5F6F7, #D1EFFF);
    backgroundxx2: linear-gradient(#F5F6F7, #D1EFFF);
	background: linear-gradient(#F2F2F2, #1E77B8)!important;
}

.main-section {
	margin: 0 auto;
	margin-top: 130px;
	padding: 0;
	max-width: 800px;
}
.modal-content {
	background-colorxx: #434e5a;
	opacity: .8;
	padding: 0 0px;
	border-radius: 30px;
}
.user-img img {
	height: 120px;
	width: 120px;
}
.user-img {
	margin-top: -60px;
	margin-bottom: 30px;
}
.form-group {
	margin-bottom: 25px;
}
.form-group input {
	height: 42px;
	border-radius: 5px;
	border: 0;
	font-size: 18px;
	letter-spacing: 2px;
	padding-left: 54px;
}
.form-group::before {
	/*content: "\f1fa";*/
	position: absolute;
	font-size: 22px;
	left: 28px;
	padding-top: 4px;
	color: #555e60;
}
.form-group:last-of-type::before {
	/*content: "\f023";*/
}
.form-group input {
    height: 42px;
    border-radius: 5px;
    border: 0;
    font-size: 18px;
    letter-spacing: 2px;
    padding-left: 54px;
    background: #eee;
	width: 70%;
}
.form-input button {
	width: 40%;
	margin: 5px 0 5px;
}
.btn-success {
	background-color: #1c6288;
	font-size: 19px;
	border-radius: 5px;
	padding: 7px 14px;
	border: 1px solid #daf1ff;
}
.btn-success:hover {
	background-color: #13445e;
	border: 1px solid #daf1ff;
}
.forgot {
	padding: 5px 0 5px;
}
.forgot a {
	color: #daf1ff;
}
.form-control {
    width: 90%;
    margin-left: 20px;
}