.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    -webkit-border-radius: 0.75em;
    -moz-border-radius: 0.75em;
    border-radius: 0.75em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    *margin-left: .3em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: calc(50%-10px);
}

@media (max-width: 768px) {
    .btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    background-color: #e6e6e6;
}

.btn-large {
    padding: 9px 14px;
    font-size: 1.25em;
    line-height: normal;
}

.btn:hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid: dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0);
    border: 4px solid #aaa;

}

.btn-primary,
.btn-primary:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.btn-primary.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
    background-color: #0A6FB7;
    background-image: -moz-linear-gradient(top, #71A0D4, #0A6FB7);
    background-image: -ms-linear-gradient(top, #71A0D4, #0A6FB7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#71A0D4), to(#0A6FB7));
    background-image: -webkit-linear-gradient(top, #71A0D4, #0A6FB7);
    background-image: -o-linear-gradient(top, #71A0D4, #0A6FB7);
    background-image: linear-gradient(top, #71A0D4, #0A6FB7);
    background-repeat: repeat-x;
    filter: progid: dximagetransform.microsoft.gradient(startColorstr=#71A0D4, endColorstr=#0A6FB7, GradientType=0);
    border: 4px solid #0A6FB7;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    filter: none;
    background-color: #0A6FB7;
}

.btn-block {
    width: 100%;
    display: block;
}

.login {
    display: block;
    padding: 10px;
}

.login h1 {
    color: #115086;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 1);
    letter-spacing: 1px;
    text-align: center;
}

input {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 1);
    padding: 5px 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #0A6FB7;
    border: 4px solid #0A6FB7;
    border-radius: 0.5em;
    box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input:focus {
    outline: none;
    border: 4px solid #3DB97B;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.4), 0 1px 1px rgba(255, 255, 255, 0.2);
}

.user--num {
    padding-right: 52px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABd0lEQVRIS8WVT07CQBTGv9edKzkCNzCewHgDumxHIyy1mNgTWG7ggupSTJhhCUfwCBwBb+CepM88SqWh/waiZXZNvze/+d58M0NoYVALDLQDeZvNukmCO1tHjoOPe89b2epFR2OtVwRaAPzdXEgdBveGSnWbtTsFxdpwoHzrtokeoMgWIs6PgGhrAJA6Pxhi6yDTifPTQcZT8wTwM0DL9frMDQeuRSjKPVY6ibWRSc+ljBnh8MZ/ObRNje0aT82SCBepkAeBUpM8JE1Y/cgSW+fkE8CVTJMkdP1468n3UaMGovsAvTP4q+zgxVpi7NS6CZQ3klVVQl6N6TFjDvAyUOpy30IKaWqX2mgKkPQeSyRV/dwUKyKED76/aJq47H8BEmvzuxf7Bfm9+ZONP2bFVTWnPfH/7iQfzyyGNtCquk275NEC05yItvcTRwCPAJKUNUZ1t4BiHTN3QOzSNrb5yCJQKrI5C/sOy+ocx5lYv4g2LavStAL5AaZD99IdHW6LAAAAAElFTkSuQmCC) no-repeat;
    background-position: right 15px bottom 15px;
}

.user--password {
    padding-right: 52px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABb0lEQVRIS+2VTVLCQBCFX49VoKy4gdxAPIF4A1yScYFLHasMJwBPAFQRXcqCCUu5AXoDvEG8ASuVVJm2Roi/5M+UO2Y3lZ73db/p9BBSru7NbblYfN4LAlSEgLdY7Dy0To7maY5TUpARLxSeugA1AdwzwyNCBcABwEPfL7WSYLEQR+sqM6ZE6Pt+qfdVbAW3GWgSUFdSzqISjoUMRu6MiHtKymGUgKN1k5ns82OrmhkyGLk2EdeUlPUkSx2tJwAmUclEVmKqEAKdM8syArHrynXrzNxWUu6vC4yEONplJa3ExghF4+I3kF/Wp7LrejyuBAFPgfcfLe/yhKDD00bDM0Ifd+Jo3QGorKRl5yU42u0BPFdSdtZAgPBDHtAy4U+tH5VsIN/NTWXXcsK+XPj+dt9M3qz7VJBVp7UBvjSN8Ld9wsWHb0X4hmTdp6okT/uasxtIJgcT7Prn2WWm8GsQ3BFoN1Paa4IZ/LglRC2cwm/fAkQpLPkgAAAAAABJRU5ErkJggg==) no-repeat;
    background-position: right 15px bottom 15px;
}

.login--log {
    border: 0px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAACLUlEQVRIS7WVAVUcQRBEqxSABKKAoCCggMMBDhIUBBSEKIAoCKcAUAA4SBxcFFRezevezM7OsQuBee/ewd7M/u6u6h7iHZekFYBvADZ8D46kQwBfAfjb68+bgiTtAbiqAJnH+k1AAXAGp5kBgEsAHwEcAzj7L5CkXQCfAXwB4L+9LgwhuZG0AbAD4ODVIEnnAUnADwDnJH+ZJsnZPBR9yN0XgyS5PC6T9fC6d0YkHyPDQ5I3kpylHbcmuVoMCif5oCP1egrAXWRghznLVZTtZtCHvJwFdaz6O0p0nZaKMjrLA2cW4H/6kI9bQVucZA3sprJiz8/I8oKkM5ro42cTUNTZ0bnGpdnCqsVJFcRauZQ2wz3JbE6DRvqMQFusOnJSROsXuyk9XjKQvSaIkT4DKJyU0aWTTtOqVRaO2pB0nH86sctyT0+fApJk8fZjo0vjg8VJzWHX3yWt13eSWeLUbdQ/ubkF+blhBjnKdWiQgtcQ29s9M+gW2Uz0qUvnKFwWC5zZtUm1/w9WbjKf6DMyQ6WDxbbQ/ngg9tZZbfM5fbqg5lCtX/7kUn1oSxZl6+qzBGStPnVScgBHS/VZAuo5LbkTmKSuPq8FncTwtGlGsNH9EzNvsPdz1oqBelvtKX0TU8RlHWDRxMP907732endgJ5I5hXheWZ31jD3nBu63D8vAoWTFIPVzVmugKYVEpaPu9Zfch/55Z7cw/0zA+s28ixobjxE1llG1OWtz/4FTA0sKqQenSoAAAAASUVORK5CYII=) no-repeat;
    width: 26px;
    height: 30px;
    background-position: right 0px top 5px;
}

.password--re {
    border: 0px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAB3ElEQVRIS82WzVHDMBCF35phJvaFUAGkApwOyA3lQqgAKIBgKgAqwHYFUAHhEh9DB5gKgAoIFzszDF5GDgInRLJD+NPVq/dpd7VPJvzSoqoc+6DvkYVdgNzxHo6ZrfM03AqqaJSDvEHd4XTwAZiW5TghuwW/NTQBS0FON4pB2GDmB7LgJbCvpaCDdJMz+ES0JrNLgnbzy6BxuehMQlLLdj+d2hvU7SyNJSwj7I98ca6DGTNS2YB4J/HbvVkijtfvgOmyLCsz6DBiKZ5QbVXbg7yHo8c8LhBavWogg0DeL3WgfwmqedE6MZ/J60zAepUZUTEM3OfzRXQ08sV9ce9E6STEYr4BqD4P4HMsDzOiZhE2AbK7UY8I24tB3nyDcZWGoqO0JkDOYSSne0ULYpw+W0v5NV/OXjogHOtiZRnTQDR0oPw6z1yM0yQUJ8VvTjc6McGK1306Iy0oIzRkze1u/xpEnAaiNe4p7nRn+xJoQoxxm4TCRWFYZ8EWAzEuklDsSWHlhT+SkbKjsv5MW1LlHqlTq3Io2zGNwmKlm2PIFgJ9V0bmgS08BWWlyx/LsP3ulX9jQW8DGBttqFqPnjKCqzVVqZE/Exl8gN3xj0f1JcsFUMwWPOMzUV1y/shXjxz5G2EHOfkAAAAASUVORK5CYII=) no-repeat;
    width: 26px;
    height: 26px;
}