/* Made with love by Mutiullah Samim*/


html,body{
background-image: url('../../img/DSC00473.JPG');
background-size: cover;
background-repeat: no-repeat;
height: 100%;
font-family: 'Numans', sans-serif;
}

.container{
height: 100%;
align-content: center;
}

.card{
height: 370px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.5) !important;
}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
color: white;
text-align: right;
font-size: large;
padding-top: 20px;
}

.social_icon{
position: absolute;
left: 0px;
top: -45px;
}

.input-group-prepend span{
width: 50px;
background-color: #008045;
color: white;
border:0 !important;
border-radius: 50px;
border-top-right-radius: 20px !important;
border-top-left-radius: 0px !important;
border-bottom-right-radius: 20px !important;
border-bottom-left-radius: 0px !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: white !important;
background-color: #008045 !important;
width: 100px;
text-align: center;
margin-top: 10px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
}
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  font-family: Yekan, "tahoma", "Roboto", "Helvetica", "Arial", sans-serif !important;
  font-weight: 300;
  line-height: 1.5em;
  margin: 0
}

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



@font-face {
  font-family: Yekan;
  font-style: normal;
  font-weight: normal;
  src: url('../font/fonts/woff/YekanBakhFaNum-Regular.woff') format('woff'),
    url('../font/fonts/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');
}

@font-face {
  font-family: Yekan;
  font-style: normal;
  font-weight: bold;
  src: url('../font/fonts/woff/YekanBakhFaNum-Bold.woff') format('woff'),
    url('../font/fonts/woff2/YekanBakhFaNum-Bold.woff2') format('woff2');
}

@font-face {
  font-family: Yekan;
  font-style: normal;
  font-weight: 950;
  src: url('../font/fonts/woff/YekanBakhFaNum-ExtraBlack.woff') format('woff'),
    url('../font/fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2') format('woff2');
}