/* CSS Document */
/* Khat-lon  */
@font-face {
	font-family: 'BLD';
	src: url("../fonts/DINBold.ttf")
}
@font-face {
	font-family: 'REG';
	src: url("../fonts/DINRegular.ttf")
}
.dinBLD {
	font-family: BLD;
}
.dinRG {
	font-family: REG;
}
.abiad-text {
	color: white;
}


.akhdar-text {
	color:#1A845A;
}
.rmady-text {
	color: #272727;
}
.bg-akdar-grad
{
	border-radius: 20px;
	transition: all ease 1s;
	animation-name: login-zer;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-direction: alternate;
}
.bg-akdar-grad:hover
{
	background: linear-gradient(to right,#00B880,#28C685);	
	border-radius: 15px;
}
.facebook-back
{
	background: #4267b2;
	text-align: center;
	font-size: large;
	height: 40px;
}

/* end-Khat-lon  */

/* html  */
html, body
{
	background: radial-gradient(white,#00d29c);
	height: 100%;


	
}
body
{
	background: url("../imgs/back.svg") no-repeat;
	background-size: cover;
	min-height: 100%;
	
}
#login_back
{
	background: white;
	border-radius: 15px;
	-webkit-box-shadow: 11px 10px 13px -3px rgba(194,194,194,1);
-moz-box-shadow: 11px 10px 13px -3px rgba(194,194,194,1);
box-shadow: 11px 10px 13px -3px rgba(194,194,194,1);
	
}
@media only screen and (max-width: 600px) {
  #login_back {
    border-radius: 0px;
  }
	.container-fluid
	{
		padding: 0;
	}
	
	
}

/* html  */

form
{
	padding-bottom: 10%;
}
form label ,button,p
{
	font-family: REG;
	margin-top: 10px;
}

.form-control:focus {
  border-color: #1A8F69;
  box-shadow: inset 0 1px 1px aqua, 0 0 8px rgba(0,138,101,0.74);
}
.bot-img
{
	position: absolute;
	animation-name: bot;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-direction: alternate;
}


@keyframes bot {
  from {
    top: -10px;
  }

  to {
    top: 10px;
  }
}
@keyframes login-zer {
  from {
    background: linear-gradient(to right,#00B880,#28C685);	
  }

  to {
    background: linear-gradient(to right, #28C685,#00B880);
  }
}