/*------------ Estructura----------*/
/*reset*/

*{
  margin:0;
  padding: 0;
  font-family: trebuchet ms;
}

html{
  height: 100%;
  width: 100%;
}

/*contenedor login*/
.content-login{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 400px;
  width: 740px;
}

.division{
  float:left;
}
#izq_login{
  width:45%;
  margin-top:-20px;
}
#der_login{
  background: url('../images/login_bk.jpg');
  background-size: cover;
  width: 55%;
  height: 100% !important;
}

#der_login .app-title
{
	position:absolute;
	right:15px;
	bottom:30px;
	color: #fff;
	font-size: 1.4em;
}

/*Colores y degradados*/

.cds-verde1{
  color: #107D6C;
  text-align:center;
}
.cds-texto-gris1{
  color: #B3B3B3;
}
.cds-degradado-verde1{
  background: #0e9985;
  background: -moz-radial-gradient(center, ellipse cover, #0e9985 0%, #107c6b 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #0e9985 0%,#107c6b 100%);
  background: radial-gradient(ellipse at center, #0e9985 0%,#107c6b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9985', endColorstr='#107c6b',GradientType=1 );
}
.cds-degradado-gris-claro{
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #d2d2d2 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#d2d2d2 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#d2d2d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 );
  -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.59);
  -moz-box-shadow:    0px 0px 19px 0px rgba(0, 0, 0, 0.59);
  box-shadow:         0px 0px 19px 0px rgba(0, 0, 0, 0.59);
}

/*------------Formulario-------------*/

.content-form{
  margin: auto;
  margin-top: 80px;
  width: 90%;
  /*text-align: center;*/
}
.content-form h2{
  line-height: 45px;
}

.content-form form p
{
	color: #777;
	margin-bottom:-12px;
}

.content-form form p:last-child
{
	margin: 18px auto;
}

.content-form form iron-icon
{
	margin-right:12px;
}

.content-form form paper-button
{
	font-family: 'Roboto', 'Noto', sans-serif;
	font-weight: normal;
	font-size: 12pt;
	-webkit-font-smoothing: antialiased;

}

.content-form form paper-button.green
{
	background-color: #107D6C;
	color: #fff;
	width: 170px;
	height:35px;
	margin-top:25px;
}

.content-form form paper-button.green iron-icon
{
	color: #044030;
}

.content-form form paper-input
{
	width: 220px;
	margin: 0px auto;
}

.toast
{
	margin-top:20px;
	font-size:.9em;
	text-align:center;
}
.error
{
	color:  #C00;
}

.error label
{
	color:  #C00!important;
}

.error .underline
{
	border-bottom: 1px solid red !important;
}

.error .underline.is-highlighted .focused-line
{
	display: none!important;
}

.em-logo
{
	position:relative;
	left:-50%;
	color: #fff;
	font-size: 9pt;
	text-align:center;
}

.underline.is-highlighted .focused-line
{
	border:solid 1px #107D6C!important;
}

paper-input[focused]:not(.error), paper-input[focused]:not(.error) label
{
	color:#107D6C!important;
}

.label-and-input-container input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #ececec inset	!important;
	border-radius: 5px	!important;
}

.login-logo-img{
    width: 15%;
    height: auto;

}