* {
	
}
h1 {
	color: #FD7944
}

body {
	padding-top: 0px;
	font: 13px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	margin: 20px;
	background-color: #f3f6f4;
}

.logo-top {
	margin-bottom: 20px;
}

.button-primary {
	padding: 4px 10px;
	border: none;
	font-size: 16px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 50px;
	cursor: pointer;
	text-decoration: none;
	background-color: #094687;
	color: white;
	height: 50px;
	margin-right: 10px;
}

.button-primary-laranja {
	padding: 4px 10px;
	border: none;
	font-size: 16px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	background-color: #FD7944;
	color: white;
	height: 50px;
}

input {
	width: 100%;
  font-size: 1rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 1rem 0.7rem;
  color: #000000;
  transition: 0.1s ease-out;
  background-color: #f3f6f4;
}
input:focus {
  border-color: #FD7944;
}
input:focus + label {
  color: #FD7944;
  top: 0;
  transform: translateY(-50%) scale(.9);
}
input:not(:placeholder-shown) + label {
  top: 0;
  transform: translateY(-50%) scale(.9);
}
input::placeholder {
  color: transparent;
}

.wpsCaptionLabelTelaInicial {
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	color: #094687;
	text-align: center;
}

.errorblock {
	color: #ff0000;
	padding-bottom: 15px;
	font-size: 17px;
	text-align: center;
}

.successblock {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

#divLoginCliente {
	height: 300px;
}

#divNovoCadastro {
	height: 300px;
}

.wpsLabelTelaInicial {
	color: #5b5b5b;
	font-weight: bold;
	font-size: 17px;
}

.divTelaLogin {
/* 	display: inline-flex; */
    /* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    
    /* IE */
    display: -ms-flexbox;
   -ms-flex-pack: center; 
   -ms-flex-align: center;
    
     /* Native CSS */
    display: box;
    box-pack: center;
    box-align: center;
    
    
	height: 300px;
}

#divPrimeiroAcesso,#divRecuperarSenha {
	height: 600px;
}

.wpsFormRecuperarSenha {
	height: 300px;
	width: 1030px;
}

.wpsFormPrimeiroAcesso {
	height: 450px;
	width: 1082px;
}

.divTelaPrimeiroAcesso,.divTelaRecuperarSenha {
	display: inline-flex;
	height: 600px;
	width: 1082px;
}

.container-center {
	max-width: 540px;
	margin: auto;
	width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.mt-1 {
	margin-top: 20px;
}

.m-1 {
	margin: 20px;
}

.center-text {
	text-align: center;
}

body, html {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  width: 100%;
  height: 100%;
}

.material-textfield {
  position: relative;
  width: 100%;
}

.material-button {
  position: relative;

  width: 100%;
  display: block;
  margin: 30px auto;
  padding: 14px;

  overflow: hidden;

  border-width: 0;
  outline: none;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  border: 0px;

  background-color: #FD7944;
  color: #ecf0f1;
  font-size: x-large;

  transition: background-color .3s;
}

.material-button:hover, .material-button:focus {
  background-color: #E9703F;
}

.material-button > * {
  position: relative;
}

.material-button span {
  display: block;
  padding: 12px 24px;
}

.material-button:before {
  content: "";

  position: absolute;
  top: 50%;
  left: 50%;

  display: block;
  width: 0;
  padding-top: 0;

  border-radius: 100%;

  background-color: rgba(236, 240, 241, .3);

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.material-button:active:before {
  width: 120%;
  padding-top: 120%;

  transition: width .2s ease-out, padding-top .2s ease-out;
}

.linkRecuperarSenha {
	padding-bottom: 10px;
	color: #7f7f7f;
	font-weight: normal;
	font-size: 17px;
}

.divTextoIntroducao {
	width: 1008px;
	text-align: justify;
	margin-bottom: 15px;
	color: #333;
	size: 13px;
	line-height: 1.625;
	border: 0;
	font-family: inherit;
	font-size: 14px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: center;
	align-content: center;
	display: inline-block;
}