.login_body{
	background-image: url('../media/login.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	background-color: white;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
    height: 100vh;
}
.login_body:before
{
	content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: black;
    opacity: 0.4;
}
.login_main
{
	position: relative;
	width: 100%;
    height: 100vh;	
}
.logo{
	width: 200px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.copyrignt_box
{
	position: absolute;
    bottom: 20px;
    right: 20px;
    color: white;
    font-size: 15px;
}


.left_sign_in_section
{
	max-width: 400px;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #00a3ff;
    background-image: url(../media/illustrations/sigma-1/17.png);
    background-size: 300px;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 50px;
}
.login_part
{
	
}
.login_part h1
{
	font-size: 35px;
    color: white;
    margin-bottom: 40px;
}
.login_part h5
{
	font-size: 15px;
    color: white;
    margin-bottom: 10px;
    font-weight: 400;
}
.login_part hr
{
	border-top: 1px solid white;
    opacity: 0.5;
}


.form-group
{
	margin-bottom: 20px;
}
.form-group label
{
	font-size: 15px;
    color: white;
    font-weight: 400;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.form-group label a
{
	font-size: 14px;
    color: white;
    font-weight: 400;
    text-decoration: underline;
}
.form-group label a:hover,
.form-group label a:focus,
.form-group label a:active
{
	font-size: 14px;
    color: white;
    font-weight: 400;
    text-decoration: underline;
    outline: none;
}
.form-group input
{
	padding: 10px;
}


.login_btn
{
	color: #00a3ff;
    border: 1px solid white !important;
    background-color: white;
}
.login_btn:hover,
.login_btn:focus,
.login_btn:active
{
	color: white;
	background-color: #00a3ff;
	outline: none;
}





.otp_part
{
	
}
.otp_part h1
{
	font-size: 35px;
    color: white;
    margin-bottom: 40px;
}
.otp_part h5
{
	font-size: 15px;
    color: white;
    margin-bottom: 10px;
    font-weight: 400;
}
.otp_part hr
{
	border-top: 1px solid white;
    opacity: 0.5;
}

.six_fild_input
{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.six_fild_input input
{
	width: 40px;
    padding: 10px 0px;
    text-align: center;
}


.submit_btn
{
	color: #00a3ff;
    border: 1px solid white !important;
    background-color: white;
}
.submit_btn:hover,
.submit_btn:focus,
.submit_btn:active
{
	color: white;
	background-color: #00a3ff;
	outline: none;
}




.forgot_pass_part
{
	
}
.forgot_pass_part h1
{
	font-size: 35px;
    color: white;
    margin-bottom: 40px;
}
.forgot_pass_part h5
{
	font-size: 15px;
    color: white;
    margin-bottom: 10px;
    font-weight: 400;
}
.forgot_pass_part hr
{
	border-top: 1px solid white;
    opacity: 0.5;
}


.save_pass_btn
{
	color: #00a3ff;
    border: 1px solid white !important;
    background-color: white;
}
.save_pass_btn:hover,
.save_pass_btn:focus,
.save_pass_btn:active
{
	color: white;
	background-color: #00a3ff;
	outline: none;
}




.cancel_btn
{
	color: white;
    border: 1px solid white !important;
    background-color: #00a3ff;
}
.cancel_btn:hover,
.cancel_btn:focus,
.cancel_btn:active
{
	color: #00a3ff;
	background-color: white;
	outline: none;
}


/*--------------responsive css------------------*/

@media screen and (max-height: 700px) {
  	.left_sign_in_section
  	{
  		background-image: none;
  		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-box-align: center!important;
	    -ms-flex-align: center!important;
	    align-items: center!important;
  	}
}
@media screen and (max-width: 992px) {
	.login_main
	{
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-box-pack: center!important;
	    -ms-flex-pack: center!important;
	    justify-content: center!important;
	    overflow-x: hidden;
	}
	.left_sign_in_section
  	{
  		background-image: none;
  		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-box-align: center!important;
	    -ms-flex-align: center!important;
	    align-items: center!important;
	    height: auto;
  	}
	.logo
	{
		position: relative;
	    width: 100%;
	    display: inline-block;
	    left: 0px;
	    top:unset;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    text-align: center;
	    height: 70px;
	}
	.logo img
	{
		width: 200px;
	}
	.copyrignt_box {
	    position: relative;
	    bottom: unset;
	    right: unset;
	    color: white;
	    width: 100%;
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	}
}
@media screen and (max-width: 992px) {
	.copyrignt_box
	{
		line-height: 25px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}