@charset "utf-8";
/* CSS Document @ Jadidi */
@font-face {
font-family: 'samim';
src: url('../fonts/Samim.eot');
src: url('../fonts/Samim.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/Samim.woff') format('woff'),
	 url('../fonts/Samim.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'samim-b';
src: url('../fonts/Samim-Bold.eot');
src: url('../fonts/Samim-Bold.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/Samim-Bold.woff') format('woff'),
	 url('../fonts/Samim-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
* {
	margin: 0;
	padding: 0;
	border: 0px;
	text-decoration: none;
}
body {
	width: 100%;
	height: 100%;
	background: url(../images/bgloginblack.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	direction: rtl;
	font-family: "samim";
}
.JD-Login-Main {
	width: 95%;
	display: block;
	overflow: hidden;
	background: url(../images/bglogin.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	margin: 5% auto;
}
.JD-Login-Form {
	width: 30%;
	background: #ddd;
	border-radius: 30px;
	margin: 5% auto;
	padding: 1%;
	opacity: 0.9;
	box-shadow: 2px 5px 25px -7px;
}
.JD-Login-Form p {
	font-size: 18px;
	text-align: center;
	color: #595959;
	margin-bottom: 10%;
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 5%;
}
.JD-Login-Form input[type=text] , input[type=password] {
	width: 96%;
	padding: 2%;
	border-radius: 5px;
	background: #ddd;
	border: 1px solid #c5c5c5;
	margin: 4% 0 5% 0;
	font-family: "samim";
}
.JD-Login-Form #imgScurity {
	width: 96%;
	padding: 2%;
	border-radius: 5px;
	
	
	margin: 4% 0 5% 0;
}
.JD-Login-Form #btnLogin {
	padding: 3% 7%;
	margin: 10% 0 3% 0;
	background: #0cc7d5;
	font-family: "samim";
	cursor: pointer;
}
.JD-Login-Form input[type=checkbox] {
	margin-left: 2%;
}
.JD-Login-Form label {
	font-size: 14px;
}
.JD-Login-Footer {
	width: 100%;
	direction: ltr;
	display: block;
	overflow: hidden;
	margin: 7% 0 1% 0;
}
.JD-Login-Footer-Right {
	float: right;
	width: 50%;
}
.JD-Login-Footer-Right a {
	float: right;
	margin-right: 2%;
	color: #422202;
}
.JD-Login-Footer-Left {
	float: left;
	width: 40%;
}
.JD-Login-Footer-Left p {
	margin-left: 2%;
	color: #242222;
}
@media only screen and (max-width:800px){
		.JD-Login-Form {
			width: 85%;
			padding: 5%;
	}
	    .JD-Login-Footer-Right {
			display: none;
	}
	    .JD-Login-Footer-Left {
			width: 100%;
	}
}
@media only screen and (min-width:800px){
		.JD-Login-Form {
			width: 50%;
	}
}
@media only screen and (min-width:1200px){
		.JD-Login-Form {
			width: 25%;
	}
}