/*fuentes*/
body { font: normal 12px arial, tahoma, helvetica, sans-serif;
	margin:0px;	
	/*background-attachment: fixed;
	background-repeat: no-repeat;*/	
}
/*body {color:white !important;}*/

/*celda td*/
td,th { font: normal 12px arial, tahoma, helvetica, sans-serif; }
/*.colortd{ color:white !important;}*/

/*logo*/
.logo{width:200px; 
	height: auto;
  margin-top: 15px;
	margin-bottom: 30px;
}

/*LOGIN*/
.input-item { 
    padding: 14.5px 0px 15px 9px;
    border-radius: 20px 0px 0px 20px;
}

/* Show/hide password Font Icon */
#eye { 
  /*margin-left: -20px;
  padding: 15px 9px 15px 0px;
  border-radius: 0px 20px 20px 0px;
  float: right;*/
  position: absolute;
  padding-top: 12px;
  right: 3px;
  z-index: 5;
  cursor: pointer;
}

.iposl{
  padding-top: 12px;
  position: absolute;
  left: 3px;
}

/* inputs form  */
input[class="form-input"]{
  width: 240px;
  height: 45px;
  font-size: 16px;
  font-family: 'Abel', sans-serif;
  outline: none;
  border: none;
  border-radius: 20px;
	padding:0px 20px 0px 20px;
	margin: 0px 5px 0px 5px;
  transition: 0.2s linear;
}

._txt{ position:relative;
	display: inline-flex;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color:#FFF;
	margin:0px 30px 10px 30px;
	}

/* FORMULARIOS */
.contenido{ position:relative;
	/*margin-top:0px;
	margin-left:0px;
	padding-top: 19px;
	top:40px;*/
	width:auto;
	height:100%;
	/*overflow:auto ;*/
	box-sizing: border-box;
	z-index:0;
	display: flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	background: transparent !important;
	border: 1px solid;
}
.formulario { position: relative;
	display: table;
	width: max-content;	
	padding:7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	z-index:-1;	
}

.barracd {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}

.icerrar {
    width: 25px;
    height: 20px;
    color: red;
    font-weight: bold;
    cursor: pointer;
}

/* Submits */
.submits { position: relative;
    display: inline-flex;
}

/* buttons  */
.log-in, .frgt-pass, .sign-up {
    display: inline-block;
    color: #252537;    
    height: 50px;
    width: 260px;
    padding: 0px 20px;    
    border-radius: 5px;
    outline: none;
    border: none;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s linear;
    margin: 7px;
    letter-spacing: 0.05em;
}

/* login */
/*.log-in {background: #61D2C9 !important; width: 260px}*/

/* Forgot Password button FAF3DD  */
/*.frgt-pass {background: #B8F2E6 !important; width: 125px}*/

/* Sign Up button  */
/*.sign-up {background: #F0F0F0 !important; width: 125px}*/

/* buttons hover */
#blogin:hover, #bforgot:hover {
    transform: translatey(3px);
    box-shadow: none;
}

/* buttons hover Animation */
#blogin:hover, #bforgot:hover {
    animation: ani9 0.4s ease-in-out infinite alternate;
}

@keyframes ani9 {
    0% {
        transform: translateY(3px);
    }
    100% {
        transform: translateY(5px);
    }
}