*{
	margin:0;
	padding:0;
}
html { 
  margin:0;
  padding:0;
}
body{
    background-color: #5087C5;
}
.container{
    background: url("../img/backImg/alpha.svg") no-repeat center center;
	position: fixed;
    background-size: 40%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.card{
	border: 2px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 20px #ccc;
  -webkit-box-shadow: 1px 1px 20px #ccc;
  box-shadow: 1px 1px 20px #ccc;
  width: 358px;
}
.card-img-top{
	padding: 10px 55px;
  border-bottom: 1px solid #ddd;
}
.card-title{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555;
  font-weight: bold;
}
.login{
	padding: 10px;
  background-color: #444;
  border-radius: 3px;
}
.btn{
	font-weight: 300;
  border-radius: 1.5rem;
  padding: 0.6rem 1rem;
}
.btn-shadow{
  -moz-box-shadow: 0px 0px 5px 0px #2b96d9;
  -webkit-box-shadow: 0px 0px 5px 0px #2b96d9;
  box-shadow: 0px 0px 5px 0px #2b96d9;
  width: 45px;
  color: #184b90;
  font-weight: 400;
}
.btn-shadow:hover{
	background-color: #2b96d9;
	color: white;
}
.del-icon{
    color: #d09797;
    border: 1px solid #d09797;
    border-radius: 1.25rem;
    font-size: 1rem;
    font-weight: 200;
    padding: 0px 7px;
    margin-top: 5px;
    width: 26px;
    cursor: pointer;
		transition: all .3s;
  }
.del-icon:hover{
	color:  #c90606;
	border-color: #c90606;
}
.checkCode{
	margin:	7px;
}
.isvalid{
	border: 1px solid #28a745;
  -moz-box-shadow: 0px 0px 5px 0px #28a745;
  -webkit-box-shadow: 0px 0px 5px 0px #28a745;
  box-shadow: 0px 0px 5px 0px #28a745;
  background-color: #28a7452b!important;
}