@charset "utf-8";
/* CSS Document */

body{
	margin:0; 
	padding:0;

	}


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

.login-page{
	width: 100%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background-image: url(../Images/backgroung.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.girl-img{
	width:100%;
	position:relative;
	border-radius: 50px 0px 0px 50px;
    overflow: hidden;
    box-shadow: 4px 5px 9px 1px #bcbcbc;
	}
.text-part{
	position: absolute;
    top: 45px;
    text-align: center;
    width: 100%;}
.text-part h1 {
    font-size: 18px;
    text-align: center;
    width: 100%;
	color: #005ca1;
}
.text-part h1:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 50px;
    background-color:#005ca1;
    text-align: center;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}
.text-botton{
	position: absolute;
    bottom: 45px;
    text-align: center;
    width: 100%;
}
.text-botton h2 {
    font-size: 12px;
    text-align: center;
    width: 100%;
	color: #fff;
}
.login-right-part {
    text-align: center;
    width: 100%;
}
.mp{
	    padding-right: 0px !important;
}
.all-part{
	display:inline-table;
    max-width:860px !important;
}

/*******right-part*************/

.login-part1 {
	width: 100%;
    border-bottom-right-radius: 50px 50px;
    background-color: #fff;
    border-top-right-radius: 50px 50px;
	text-align: center;
    overflow: hidden;
    box-shadow: -3px 5px 9px 1px #bcbcbc;
}
.logo {
    text-align: center;
	margin-bottom: 40px;
	margin-top: 30px;
}
.heding{
	text-align:center;
	    margin-bottom: 18px;	
	}
.heding h1 {
	position:relative;
	padding: 0px 0px 14px 0px;
	font-size:30px
}
.heding h1:before {
	content: "";
    position: absolute;
    height: 3px;
    width: 50px;
    background-color: black;
    text-align: center;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}

.form-control {

    border-radius: 0px;
    border: none;
    border-bottom: 1px solid;

}
.form-group {
    margin-bottom: 2rem;
}
.form-control:focus,.form-control:hover,.form-control:active{
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.btn-form{
	background-color: #005ca1;
    border: none;
    color: white;
    text-align: center;
    /* width: 100%; */
    margin-top: 20px;
    /* margin: 0auto; */
    padding: 10px 65px 10px 65px;
    border-radius: 30px;
    /* border: 1px solid; */
    /* padding: 14px; */
    box-shadow: 0px 5px 8px -1px #38383878;
}
.btn-form:focus{ outline:none}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    text-align: left;
}

span.psw {
    float: right;
    padding-top: 16px;
}
p.psw {
    font-size: 12px;
    margin-top: 20px;
}


/*********responsive-part*********/

@media screen and (max-width: 767px) {
  .mp {
  
    display: none;
}
.form-group {
    margin-bottom: 1rem;
}

.form-control {
    font-size: 12px;
}
.form-check-input {
    margin-top: 0.2rem;
}
.form-check-label {
    margin-bottom: 0;
    font-size: 12px;
}
.btn-form {

    padding: 5px 40px 5px 40px;
    font-size: 12px;
	    margin-top: 15px;

}
	p.psw {
    font-size: 12px;
    margin-top: 10px;
}
}


@media screen and (max-width: 991px) {
	.login-part1 {

    border-bottom-right-radius: 0px 0px;

    border-top-right-radius: 0px 0px; 

}
 .logo {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
    margin: 0 auto;
    max-width: 100px;
    padding-top: 25px;
}
.heding {
    margin-top: 10px;
}
.heding h1 {
    font-size: 16px;
}
.heding h1:before {
    content: "";
    height: 3px;
    width: 22px; 
    bottom: 0;
    left: 50%;
    margin-left: -11px;
}

}