/* ############################# dashboard ############################# */
/* ############################# index ############################# */
*{
  margin:0px;
  padding:0px;
  box-sizing: border-box;
}


body{

}

header{
  height:200px;
  background:#000;
  margin-bottom:30px;

}

header > h1{
  padding:15px;
  color:white;
}

.login-section{
  width:100%;
  /* border:1px solid black; */
  text-align: center;
}

.form-wrapper{
  width:50%;
  text-align:center;
  /* border:5px solid black; */
  display: inline-block;
}

.form-div{
  width:400px;
  height: 300px;
  padding:15px;
  border: 1px dotted gray;
  display: inline-block;
  border-radius: 4px;
}

form{
  width:100%;
  height: 150px;;
}

.pf-div{
  width:100%;
  padding:15px;
  /* border:1px solid black; */
}

.input-field{
  width:100%;
  padding:15px;
  margin:5px;
  font-size: 20px;
  border-radius: 3px;
  border:1px solid gray;
}

.button{
  width:100%;
  height: 60px;
  border:none;
  color:white;
  font-size: 20px;
  background:#204a78;
  border-radius:5px;
}

/* ############################# login ############################# */
/* ############################# NewClient ############################# */
/* ############################# reactivate-pwd ############################# */
.react-section{
  padding:15px;
  /* border:1px solid green; */
}

.react-div{
  display: grid;
  place-items:center;
  /* border:1px solid green; */
}

.react-form{
  min-width: 70%;
  max-width:50%;
  display: grid;
  place-items:center;
  padding:15px;
  /* border: 1px solid black; */
  text-align: center;
}

.input-wrapper{
  min-width:100%;
  max-width:50%;
  /* border:5px solid yellow; */
  display: inline-block;
}


.react-button{
  color: white;
  padding:10px;
  background:#204a78;
  border-radius:5px;
  border:none;
}

/* ############################# register ############################# */
.rfd-w{
  display: grid;
  place-items:center;
  padding:20px;
  /* border:1px solid green; */
}
.rfd{
  height: 200px;
  /* border:1px solid red; */
}

.register-button{
  color: white;
  padding:10px;
  margin-left: 5px;
  background:#204a78;
  border-radius:5px;
  border:none;
}
/* ############################# user-status ############################# */