body{
	background-image:url(../img/background.png);
	background-repeat:no-repeat;
	background-size:cover;
}

*{
	box-sizing:border-box;
}

img{
	object-fit:cover;
}

.row{
	margin-left:0;
	margin-right:0;
}

.main{
	margin-top:22vh;
}

.canvas{
	background:white;
	box-shadow:0 0 5px #2d2d2d;
	position:relative;
}

.side-section{
	background-image:url(../img/side_background.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.form-control{
	border-radius:50px;
	background:#f3f2f2;
	text-align:center;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: blue;
    outline: 0;
    box-shadow:none;
}

.input-group-text{
    position: absolute;
    z-index: 100;
    top: 25%;
    left: 3%;
	padding:0;
	border:unset;
	background:transparent;
}

.login-form{
	padding:10% 10% 15% 10%;
}

.login-form .btn{
	background:#2e549d;
	border-radius:50px;
	height:43px;
}

.login-form .btn:hover{
	background:#15387b;
}

.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}


.iconnect{
	position:absolute;
	right:15px;
	bottom:10px;
	width:120px;
}

.forgot-password{
	position:absolute;
	left:0;
	bottom:0;
	background:black;
	width:100%;
	padding:4% 0;
}

.forgot-password a{
	text-decoration:none;
	color:white;
}

.login-img{
	position: absolute;
    left: 100px;
    top: 16px;
}



@media screen and (max-width: 767px) {
    .main {
		margin-top:5%;
	}
	
	.side-section{
		height:30vh;
		position:unset;
	}
	
	.forgot-password{
		bottom:-50px;
	}
}