/* ------------------------------------------------------------------------- *
 *  contexto Registration and Login plugin CSS codes
/* ------------------------------------------------------------------------- */
.regboton{
    clear:both;
    margin:40px auto 0;
    position:relative;
    text-align:center;
    background-color:#e1e2e2;
    content:"";
    left:0;
    top:8px;
    width:100%;
    background-color:#fff;
    border:solid #ccced0;
    border-radius:4px;
    border-width:1px 1px 2px;
    box-sizing:border-box;color:#3d4145;
    cursor:pointer;
    display:block;
    font-size:14px;
    font-weight:500;
    line-height:25px;
    margin:0;
    outline:0;
    overflow:hidden;
    padding:10px 15px;
    text-align:center;
    text-decoration:none;
    text-overflow:ellipsis;
    width:100%;
    vertical-align:middle;
}

.contexto_form label { display: block; float: left; width: 180px; }
.contexto_form input[type="text"], .contexto_form input[type="password"],
.contexto_form input[type="email"] {
	/*padding: 4px 80px;
	background: #f0f0f0;
	border: 1px solid #ccc;*/
	 height: 40px;
  width: 90%;
  outline: none;
  padding: 0 15px;
  font-size: 17px;
  font-weight: 400;
  color: #333;
  border: 1.5px solid #C7BEBE;
  border-bottom-width: 2.5px;
  border-radius: 6px;
  transition: all 0.3s ease;
	
}
.contexto_form input[type="text"]:focus, .contexto_form input[type="password"]:focus,
.contexto_form input[type="email"]:focus {
	border-color: #aaa;
    height: 40px;
    width: 90%;
    outline: none;
    padding: 0 15px;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    border: 1.5px solid #C7BEBE;
    border-bottom-width: 2.5px;
    border-radius: 6px;
    transition: all 0.3s ease;	

}
 
.contexto_errors { padding: 8px; border: 1px solid #f50; margin: 0 0 15px; }
.cuadroreg{
  border: 1.5px solid #C7BEBE;
  border-bottom-width: 2.5px;
  border-radius: 6px;
}


select {
  /* Reset */
  appearance: none;
  border: 0;
  outline: 0;
  /*font: inherit;
  /* Personalize */
 
  width: 20rem;
  padding: 1rem 3rem 1rem 1rem;
  background: var(--arrow-icon) no-repeat right 0.8em center / 1.4em,
    linear-gradient(to left, var(--arrow-bg) 3em, var(--select-bg) 3em);

  border-radius: 0.15em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  /* Remove IE arrow */
  &::-ms-expand {
    display: none;
  }
  /* Remove focus outline */
  &:focus {
    outline: none;
  }
  /* <option> colors */
  option {
    color: inherit;
    background-color: var(--option-bg);
  }
}