/* @font-face {
	font-family: arial;
	src: url('../fonts/arial.ttf');
  } */
  
  body{
	  margin: 0;
	  padding: 0;  
	  font-family: sans-serif;
  }

  * { color:#000; text-decoration: none;}
  
  
  .bg{
	left: 51%;
	top: 40%;
	position: fixed;
  }
  
  .form-signin {
	  width: 100%;
	  max-width: 400px;
	  margin: auto;
  }
  
  .vh-95{
	  height: 95vh;
  }
  
  .card{
	border-radius: 10px;
	  padding-top: 20px;
	width: 100%;
  }
  .input-fields{
	  padding-right: 30px;
	  padding-left: 30px;
  }

  ::placeholder {
	font-size: 15px;
  }
  
  @media only screen and (max-width: 500px) {
	  .card{
		  border-radius: 0;
	  }
  }
  .font b{
	  color: #000;
	
  }
  
  .txt_field input{
	  width: 100%;
	  padding: 0 0px;
	  height: 40px;
	  font-size: 13px;
	  border: none;
	  background: none;
	  outline: none;
	  border-bottom: 2px solid gray;
  }
  
  .signup_link{
	  text-align: center;
	  color: gray;
	}
	.btn-primary, .btn-primary:focus, .btn-primary.focus {
	  color: #fff !important;
	  background-color: rgba(19, 83, 160, 0.86) !important;
	  border-color: rgba(19, 83, 160, 0.86) !important;
	  box-shadow: 0 0 0 0.2rem  rgba(19, 83, 160, 0.86) !important;
  }
  
  .btn-primary:hover {
	  color: #fff !important;
	  background-color:  rgba(19, 83, 160, 0.86) !important;
	  border-color:  rgba(19, 83, 160, 0.86) !important;
  }

  .txt_field input {
    width: 100%;
    padding: 0 0px;
    height: 40px;
    font-size: 14px;
    border: none;
    background: none;
    outline: none;
    border-bottom: 2px solid gray;
}