*,*:focus,*:hover{
    outline:none;
}

.inputs {
    width:100%;
}


input, textarea, select, button {
	border: 2px solid #ecf2ff;
	color:#666666;
	margin-right:0.5em;
  margin-bottom:0.3em;
	padding: 0.2em;
	background:#FFFFFF;
	border-radius: 0.5em;
}

input, select,button {
	font-size:16px;
}

input:disabled, select:disabled,button:disabled {
	background:#b6b8ba;
	color:#dbdde0;
}

input:focus, textarea:focus, select:focus {
	border: 2px solid #5DADE2;
	box-shadow:0px 0px 5px 1px #ecf2ff;
	transition:box-shadow 0.3s ease 0s, border 0.3s ease 0s;
	outline: none;
}

input[type="button"],input[type="submit"],button {
    color:#FFFFFF;
	background: url(../../img/circulo.svg);
	background-size: 150%;
    background-position: center;
    border-color:transparent;
}
input:hover[type="button"],input:hover[type="submit"],input:focus[type="button"],input:focus[type="submit"],button:hover {
	color:#FFFFFF;
	background:#5DADE2;
	border: 2px solid #5DADE2;
	box-shadow: -3px 0px 10px 1px #009FFF,3px 0px 10px 1px #FF1494;
	transition:box-shadow 0.3s ease 0s, border 0.3s ease 0s;
}


input:active[type="button"],input:active[type="submit"],button:active{
	box-shadow: -3px 0px 10px 1px #FF1494,3px 0px 10px 1px #009FFF;
}

option:checked, option:hover {
    background: #ecf2ff;
}



input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0px;
  background       : rgb(224,224,224);
  vertical-align   : bottom;
}

input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0px;
  background       : rgb(224,224,224);
  border:solid 1px #999999;
  border-radius:1em;
  vertical-align   : bottom;
}

input[type=radio   ]:focus + label > span,
input[type=checkbox   ]:focus + label > span{
	border: 1px solid #5DADE2;
	 box-shadow:0px 0px 5px 1px #ecf2ff;
	 transition:box-shadow 0.3s ease 0s, border 0.3s ease 0s;
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : #003399;
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}
input[type=radio]:not(old):checked + label > span > span{
  display          : block;
  width            : 0.75em;
  height           : 0.75em;
  margin           : 0px;
  border-radius    : 1em;
  background       : #003399;
  border           : solid 1px #003399;
  box-shadow:#F00;
  transition:box-shadow 0.3s ease 0s, border 0.3s ease 0s;
}