* {
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html {
-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

::-webkit-input-placeholder {
color: #999;
font-weight: 100;
}

:-moz-placeholder { /* Firefox 18- */
color: #999;
font-weight: 100;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #999;
font-weight: 100;
}

:-ms-input-placeholder {
color: #999;
font-weight: 100;
}

body{
background: #f7f8f9;
height: 100%;
margin:0;
padding:0;
font-size:1em;
font-family:'Roboto', sans-serif;
}

body img{
height:auto!important;
max-width:100%!important;
border:0;
}

hr{
width: 98%;
margin: 4px 1%;
border: 0;
height: 0;
clear: both;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

section{
height: auto;
overflow: hidden;
padding: 0;
width:100%;
}

h1{
font-size: 1.6em;
color: #660099;
margin: 4px;
}

h2{
font-size: 1.3em;
color: #660099;
}

p, span, label{
font-size: .95em;
font-weight: 300;
}

.main{
margin: 20px;
padding: 0;
text-align: center;
}

.box{
background: #fff;
border-radius: 8px;
box-shadow: 0px 0px 10px #d0d0d0;
padding: 10px;
margin: 10px 5px;
clear: both;
}

input{
margin: 8px 0;
padding: 15px;
width: 100%;
background: #f2f2f2;
border: 1px solid #ccc;
text-align: center;
}

button{
margin: 8px 0;
padding: 15px;
width: 100%;
border: 0;
cursor: pointer;
}

footer{
bottom: 0;
position: absolute;
width: 100%;
background: #fff;
padding: 20px;
text-align: center;
}

footer a{
color: #660099;
text-decoration: underline;
}

.message-download a {
color: #660099;
text-decoration: underline;
}

.bt-purple{
color: #fff;
background: #660099;
}

/**************ALERTA***************/

.alert{
font-size: .85em;
font-weight: 300;
padding: 20px;
margin: 18px auto;
clear: both;
}

.alert a {
color: #660099;
}

.success{
color: #3c763d!important;
background-color: rgb(223, 240, 216);
border-color: rgb(214, 233, 198);
}

.success i{
color: #3c763d!important;
}

.info{
color: #31708f!important;
background-color: rgb(217, 237, 247);
border-color: rgb(188, 232, 241);
}

.info i{
color: #31708f!important;
}

.warning{
color: #8a6d3b!important;
background-color: rgb(252, 248, 227);
border-color: rgb(250, 235, 204);
}

.warning i{
color: #8a6d3b!important;
}

.error{
color: #a94442!important;
background-color: rgb(242, 222, 222);
border-color: rgb(235, 204, 209);
}

.error i{
color: #a94442!important;
}