a {
	color: white;
}

a:hover {
	color: white;
	text-decoration: none;
}

a:active{
	color: white;
}

a:focus {
	color: white;
	text-decoration: none;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

footer {
	margin-top: 135px;
	margin-bottom: 0;
	color: #9d9d9d;

}

.center {
	text-align: center;
}

.contra {
	font-size: 11px;
	transition:.3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

.contra:hover {
	transition:.3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	padding-left:15px;
	padding-top:5px;
	padding-right:15px;
	padding-bottom:5px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 50px;
	box-sizing: border-box;
/*	order: 1px solid #FF3C3C;*/
}

.contra:focus {
	color: #FF3C3C;
	transition:.3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

.input-login {
	color: white;
	display: inline-block;
	padding-left:35px;
	padding-top:15px;
	padding-right:35px;
	padding-bottom:15px;
	margin: 10px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 5px;
	border: 1px white;
	box-sizing: border-box;
	border: 1px solid transparent;
	font-size: 18px;
}

.input-login:hover {
	color: white;
}

.input-login:focus {
	border: 1px solid #EF7239;
	transition:.3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	box-shadow: 0px;
	outline: none;
}

.img {
	background-image: url('/Content/img/skydevices/login/bodyimgx2.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.logo {
  width: 125px;
  height: auto;
  padding-top: 100px;
}

.btn-principal {
	font-family: 'Source Sans Pro', sans-serif;
  margin-top:10px;
  text-decoration:none;
  background-color: #4A4A50;
	border-color: 1px solid #EF7239;
  color: white;
  font-size:20px;
  border-radius:5px;
  padding-left:35px;
  padding-top:15px;
  padding-right:35px;
  padding-bottom:15px;
	transition:.3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
}

.btn-principal:hover {
  background-color:#EF7239;
  transition:.3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
}

.btn-principal:active {
  color:#4A4A50;
  transition:.3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
}

span  {
	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
}

button {
  outline: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

.btn-mixus {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color: white;
  display: inline-block;
  margin: 2.5px;
  border-radius: 5px;
  padding-left: 35px;
  padding-top: 15px;
  padding-right: 35px;
  padding-bottom: 15px;
  border: none;
  outline: none;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s; }

.btn-mixus:hover {
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s; }

.small {
  padding: 10px 10px;
  font-size: 12px !important; }

.medium {
  padding: 15px 28px !important; }

.large {
  text-align: center;
  font-size: 18px;
  padding: 20px 40px;
  width: 100%; }
  .large:hover {
    text-decoration: none;
    color: white; }
  .large:focus {
    text-decoration: none;
    color: white; }

.btn-mixus:active {
  color: #4A4A50;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s; }

.principal {
  background-color: #4A4A50; }

.principal:hover {
  background-color: #EF7239; }

.primary {
  background-color: #4BA9DF; }

.primary:hover {
  background-color: #85DCF7; }

.secondary {
  background-color: #D8D9DD; }

.secondary:hover {
  background-color: #F4F4F4; }

.success {
  background-color: #38B457; }

.success:hover {
  background-color: #5DE665; }

.warning {
  background-color: #E9AC13; }

.warning:hover {
  background-color: #F5CD51; }

.danger {
  background-color: #DF5030; }

.danger:hover {
  background-color: #EE7261; }

.icon-fa {
  padding-right: 10px; }