body{
  background-color: #f5fdff;
  justify-content: center;
  align-items: center;
  overflow: auto;
  background-image:linear-gradient(90deg, rgb(15, 89, 199) 0%, rgb(30, 56, 152) 100%);
  height: auto;
}
label{
  display: block !important;
}
.form-group{
  margin-bottom: 1rem;
}
.fontB{
  font-weight: 700;
  /*margin-bottom: .7rem;*/
}

.copy_btn{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.copy_input{
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
h3{
  color: #ffffff;
font-size: 2rem;
text-align: center;
font-weight: bold;
}
.pass_box {
  border-radius: 10px;
  background-color: white;
  padding: 20px;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.form-control:focus{
  box-shadow: unset !important;
  border-color: rgb(15, 89, 199);
}
.btn:focus{
  box-shadow: unset !important;
}
.checkBoxSize{
	width: 60px !important;
	height: 25px;
	z-index:9999999 !important;
}
.lang_btn_content  .active{
  background-color: #0f317a;
  color: #ffffff;
}
.lang_btn:hover{
  background-color:#5380d4;
  color: #ffffff;
}
.lang_btn:focus{
  background-color: #0f317a;
  color: #ffffff;
}
.lang_btn{
  background-color: #ffffff;
  margin-left: .5rem;
  padding: .2rem 0.7rem;
  font-size: .8rem;
}
.lang_btn img{
  margin-left: .5rem;
}
.alert_content .active{
  opacity: 1 !important;
  transform: translate(-50%,0) translateY(1rem) !important;
}
.alert{
  position: absolute;
  left: 50%;
  transform: translate(-50%,0) translateY(3rem) !important;
  /*transform: translateY(3rem) !important;*/
  transition: all .3s;
  opacity: 0 !important;
  margin: 0 auto;
  width: 255px;
  background-color: #ffffff;
  border-radius: .5rem;
  text-align: center;
  box-shadow: 0 0 10px #10215747;
  padding: .3rem;
}
.alert .btn{
  color: #6675a7;
}
.alert .btn:hover{
  color: #1c3d9f;
}
.alert p{
  margin: 0;
  height: 100%;
  border-left: 1px solid #6675a7;
  padding-left: .5rem;
}