* {
  font-family: Graviola, sans-serif;
}
body {
font-family: Graviola, sans-serif;
font-weight: normal;
background-color: white;
margin: 0;
}
.reg-header
{
	height: 9%;
	width: 100%;
	display: inline-flex;
	background-color: white;
	box-shadow: 0 8px 6px -2px gray;
}
.reg-logo-jsw
{
	width: 15%;
	height: 15%;
	padding-left: 2%;
	padding-top: 0.5%;

/*	width: 12%;
	height: 5%;
	padding-top: 1%;
	padding-left: 2%;
	padding-bottom: 1%; */

}




.reg-form {
  height: 60%;
  width: 30%;
  background-color: rgba(255, 255, 255, 0.13);
  position: absolute;
  transform: translate(-50%, -50%);
  top: 55%;
  left: 50%;
  backdrop-filter: blur(1%);
  box-shadow: rgba(3, 2, 10, 0.3) 0px 0px 40px;
  border-radius: 2%;
}
.reg-newreg {
  text-align: center;
}

/*ADD USER*/

div.reg-formgrid {
  display: grid;
  grid-template-columns: max-content;
  grid-gap: 15px;
  margin-top: 7%;
  justify-content: center;
  text-align: right;
}

.req-btn--adduser:link,
.req-btn--adduser:visited {
  background-image: linear-gradient(to right, #374898 0%, #7f2886 100%);
  display: block;
  width: 75%;
  height: 50%;
  color: #fff;
  padding: 5px 5px;
  border-radius: 20px;
  margin-left: 10%;
  margin-top: 12%;
}
a {
  text-decoration: none;
  text-align: center;
}

.newreq-color-topline {
  position: relative;
  /*bottom: 1px;*/
  height: 1.5px;
  width: 100%;
  filter: blur(3px);
}
.reg=field
{
display:block;
}