html,
body {
  height: 100%;
  font-size:0.98rem;
  /*background: linear-gradient(to top right, #08aeea 0%, #b721ff 100%);*/
  /*background: linear-gradient(to top right, maroon 0%, #A63529 100%);*/
}
.login-form
{
  	overflow:hidden;
}
label{
  font-size:0.78rem !important;
}
body {
  font-family: 'Roboto', sans-serif;
  padding-bottom: 40px;
}
label{
  text-align:left;
}
.btn-color{
  background-color:maroon;
  color:white;
  border:2px solid maroon;
}
.btn-color:hover{
  background-color:white;
  color:maroon;
}
.form-signin {
  width: 100%;
/*  max-width: 430px;*/
  background-color:#800000d1;
  padding: 8px;
}
.mnsp-form-content
{
  width: 100%;
  border:1px solid transparent;
  /*background-color:#ffffffc2;*/
  color:black;
}
.mnsp-product-name{
  color:black;
  margin-bottom:0;
  font-weight:bold;
}
.mnsp-product-icon{
  font-size:30px;
  padding-right:5px;
  color:#7b7b7b;
}
.mnsp-border-gray{
  border:1px solid #800000;
  border-left:5px solid #800000;
}
.form-signin .checkbox {
  font-weight: 400;
}
.mnsp-form{
  margin-top:0px !important;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  font-size: 14px;
  /*margin-bottom: 10px;*/
  border-radius:0;
}
.form-signin .form-control:focus {
  z-index: 2;
}

.form-control:focus{
	border:1px solid lightgray;
    outline:0;
    background-color:#ffff99 !important;
  	box-shadow:0 0 0 white;
}


menPwrList

.form-control{
  border-radius: 0;
}

.field-icon{
  float:right;
  position:absolute;
  bottom:25%;
  padding:5px;
  right:10%;
  cursor: pointer;
  z-index: 2;
}
.help-block{
  color:white;
  font-size:12px;
}
.form-control.is-invalid:focus{
  box-shadow:0 0 0 white;
}
.btn
{

  border-radius:0;
}
.error{
  margin-bottom:5px;
  border-radius:4px;
  border-color:#DE3545;
  height:auto;
}
.success{
  margin-bottom:5px;
  border-radius:4px;
  border-color:#28a745;
  height:auto;
}
.password-exm{
  font-size:0.88rem !important;
}

@media only screen and (max-width: 600px) {
    .form-signin {
      width: 100%;
      /*max-width: 330px;*/
      padding:25px;
    }
}