input{-webkit-appearance:none;}
/* ----------------- Fonts -------------- */
/* first for IE <9 */
@font-face {
  font-family: ProximaNovaExCnLight;
  src: url("../fonts/ProximaNovaExCn-LightWeb.eot");
}
@font-face {
  font-family: ProximaNovaExCnReg;
  src: url("../fonts/ProximaNovaExCn-RegWeb.eot");
}
@font-face {
  font-family: ProximaNovaExCnSbold;
  src: url("../fonts/ProximaNovaExCn-SboldWeb.eot");
}
@font-face {
  font-family: ProximaNovaReg;
  src: url("../fonts/ProximaNova-RegWeb.eot");
}
@font-face {
  font-family: 'glyphs14';
  src: url("../fonts/14px-honda.eot");
}
@font-face {
  font-family: 'glyphs28';
  src: url("../fonts/28px-honda.eot");
}
@font-face {
  font-family: 'Flaticon';
  src: url("../fonts/flaticon.eot");
	src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"),  
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: ProximaNovaExCnLight;
  src: url("../fonts/ProximaNovaExCn-LightWeb.woff") format("woff");
}
@font-face {
  font-family: ProximaNovaExCnReg;
  src: url("../fonts/ProximaNovaExCn-RegWeb.woff") format("woff");
}
@font-face {
  font-family: ProximaNovaExCnSbold;
  src: url("../fonts/ProximaNovaExCn-SboldWeb.woff") format("woff");
}
@font-face {
  font-family: ProximaNovaReg;
  src: url("../fonts/ProximaNova-RegWeb.woff") format("woff");
}
@font-face {
  font-family: 'glyphs14';
  src: url("../fonts/14px-honda.woff") format("woff");
}
@font-face {
  font-family: 'glyphs28';
  src: url("../fonts/28px-honda.woff") format("woff");
}
@font-face {
  font-family: 'Flaticon';
  src: url("../fonts/flaticon.woff") format("woff");
}

/* -------------------------- Globals ------------------ */

::-webkit-scrollbar {
	width:7px;
 -webkit-appearance: none;
}

::-webkit-scrollbar-track {
	background-color:white;
}

::-webkit-scrollbar-thumb {
	background-color:white;
	border-radius: 25px;
}

.siscroll ::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,0.37);
}

::-webkit-scrollbar-button {
}

::-webkit-scrollbar-corner {
	background-color:black;
}

body {
	font-family:'ProximaNovaExCnReg', Helvetica, sans-serif;
	font-size: 14px;
  overflow:hidden;
	text-align: left;
  margin:0px;
  padding:0px;
  background:#f3f2f8;
	color: #000000;
	background:  url('../img/registro-login.png') no-repeat center center/cover;
	background-attachment: fixed;
}
h1 {font-family: ProximaNovaExCnReg, Helvetica, sans-serif; font-size:36px; font-weight:normal; text-align:left; color: #d8182d; display:block; line-height:36px;}
h2 {font-family: ProximaNovaExCnReg, Helvetica, sans-serif; font-size:22px; font-weight:normal; text-align:left; color: #00803e; display:block; line-height: 22px;}
h1, h2 {margin:5px 0 5px 0;}
h3 {font-family: 'ProximaNovaExCnReg', Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left; color: #d8182d; display:block; line-height: 20px;}

select, textarea, input[type="text"], input[type="file"], input[type="password"], input[type="number"],input[type="email"] {
	font-family: 'ProximaNovaExCnReg', Helvetica, sans-serif;
	font-size: 18px;
	margin: 1px 0 !important;
	border: solid 1px #c2c2c2;
	border-radius: 3px;
}
input[type="text"], input[type="file"], input[type="password"], input[type="number"],input[type="email"] { padding: 0 3px; }
select { padding: 0; }
textarea, input[type="text"], input[type="file"], input[type="password"], input[type="number"],input[type="email"] { font-size: 18px; padding: 10px;}
span {
	font-family: 'ProximaNovaExCnReg', Helvetica, sans-serif; 
	font-size: 12px;
}

textarea {font-family: 'ProximaNovaExCnReg', Helvetica, sans-serif; font-size: 12px; text-align: left;}
select{	height:37px; line-height:20px; }
input[type="text"], input[type="file"], input[type="password"], input[type="number"],input[type="email"] { height:14px; line-height:18px;}	
span { height:14px; line-height:18px; background: none;}	
checkbox, radio {
	border-style:none;
	text-decoration: none;
	outline:none;
}

input[type="button"], input[type="submit"] {
	width: 100%;
	padding: 10px;
	border-style:none;
	text-decoration: none;
	outline:none;
	font-family: ProximaNovaExCnSbold, Helvetica, sans-serif; 
	font-size:14px; font-weight:normal; 
	text-align:center; 
	background-color: #d8182d;
	color: #fff; 
	display: block; 
	line-height: 20px;
	float: right;	
}
input[type="button"]:active, input[type="button"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
	text-decoration: none;
	outline:none; 
}	
.scrollbox {
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
		radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
	background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
		radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}
input[type="checkbox"], input[type="radio"] {
	position: absolute;
	right: 9000px;
}
.label-chk {width:initial !important; padding:0px !important;}
.label-text{
	position: relative;
	cursor: pointer;
	color: #666;
	font-size:22px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before, input[type="radio"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before, input[type="radio"]:checked + .label-text:before{
	content: "\f14a";
	color: #2980b9;
	animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text, input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before, input[type="radio"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}

@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255,255,255,.8);
}