@import url('https://fonts.googleapis.com/css?family=Roboto');
/*four user login*/
body{
  font-family: 'Roboto', sans-serif;
  font-weight: normal !important;
}
.row{
  padding: 0px;
  margin:0px;
  height: 100%;
}
.h0,.h1{
  height: 100% !important;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
}
.g0,.g1{
  padding: 0px;
  margin: 0px;
}
figcaption.g0-user1{
  width: 100%;
  position: relative;
  top: 20%;
  z-index: 1;
  text-align: center;
}
figcaption.g1-user1{
  width: 100%;
  position: relative;
  top: 20%;
  z-index: 1;
  text-align: center;
}
.login-header{
  color: #ffffff;
  font-weight: normal;
  font-size: 6vh !important;
  width:100%;
  word-break: break-all;
}
.login-header-parent{
  color: #ffffff;
  font-weight: normal;
  font-size: 5.5vh !important;
  width:100%;
  word-break: break-all;
}
.login-img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}


/*two user login*/
.-user.g0{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.-user.g1{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.-usera,.-userb{
  width: 100%;
text-align: center;
position: relative;
z-index: 1;
top: 7vh;
}
h1.-user{
  color: #ffffff;
font-weight: normal;
font-size: 7vh !important;
}



/*login form*/

#loginInputUsername, #loginInputPassword {
  border-radius: 5px;
  background-color: #F1F3F4;
  height: 40px;
  line-height: 1;
  padding: 3px 20px;
  font-size: 14px;
  width: 91%;
  border: none !important;
  box-shadow: none !important;
}

#loginInputUsername:focus,
#loginInputUsername:visited,
#loginInputUsername:active,
#loginInputUsername:hover,
input[type=text]:focus:not([readonly]){
	border-radius: 5px;
	background-color: #F1F3F4;
	height: 40px;
	line-height: 1;
	padding: 3px 20px;
	font-size: 14px;
	width: 91%;
	border: none !important;
}

#exampleInputEmail2,
#exampleInputPassword2{
	border-radius: 3px;
	background-color: #ffffff;
	height: 30px;
	line-height: 1;
	padding: 3px 10px;;
	font-size: 14px;
	width: 96%;
	border: none;
	box-shadow:none;
}
#exampleInputEmail2:focus,
#exampleInputEmail2:visited,
#exampleInputEmail2:active,
#exampleInputEmail2:hover,
input[type=text]:focus:not([readonly]){
	border-radius: 3px;
	background-color: #ffffff;
	height: 30px;
	line-height: 1;
	padding: 3px 10px;
	font-size: 14px;
	width: 96%;
	border: none;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}
#exampleInputPassword2:focus,
#exampleInputPassword2:visited,
#exampleInputPassword2:active,
#exampleInputPassword2:hover,
input[type=text]:focus:not([readonly]){
	border-radius: 3px;
	background-color: #ffffff;
	height: 30px;
	line-height: 1;
	padding: 3px 10px;
	font-size: 14px;
	width: 96%;
	border: none !important;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}
.-fp-pwd-eye,
#eye{
	cursor: pointer !important;
	margin-right: 5% !important;
	position: absolute !important;
	right: 0px !important;
	top: 10px !important;
	font-size: 18px !important;
}
figure.-login.-img{
 height: 250px;
 display: flex;
 width: 100%;
 margin-bottom: 30px;
 justify-content: center;
 align-items: flex-end;
}
.-login.-img{
	min-width: auto;
	max-height: 100%;
	max-width: 100%;
	min-height: auto;
}
.mt.-fivep{
	margin-top: 5%;
	text-align: center;
}
.btn-login.-br0{
	border-radius: 3px !important;
	height: 35px;
	text-transform: capitalize;
}

.onlert {
	width: 100%;
	background-color: #f44336;
	color: rgba(255,255,255, 0.84);
	border-radius: 2px;
	border: 0;
	-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
	padding: 15px;
}
.-fs16px{
	font-size: 16px;
	text-align: center;
}
.c {
	margin-top: 4%;
	color: #fff;
	text-align:center;
}




#capstate{
 color: white;
 position: absolute;
 left: -30%;
 padding-top: 9px;
 display:none;
}

#version {
  position: fixed;
  bottom: 0;
  left: 0;
  color: white;
  padding: 15px;
  font-size: 15px;
}
.login-contact,
.login-contact:hover,
.login-contact:active,
.login-contact:visited {
    text-decoration: none;
    color: #d9534f;
}

@media (min-width: 992px){
  .login-header-parent{
    font-size: 4vh;
  }
}