.validation-summary-valid ul { margin: 0; }
.validation-summary-errors { margin-bottom: 20px; border: 1px solid #ebccd1; background-color: #f2dede; color: #a94442; }
.validation-summary-errors ul { margin: 0; padding: 15px; list-style: none; }

body { background-color: #444; }
.logo { margin: 60px auto 0; padding: 15px; color: #fff; text-align: center; font-weight: bold; font-size: 20px; }
.content { background-color: #fff; margin: 0 auto; padding: 20px; width: 300px; }
.input-icon > i { margin-top: 8px; margin-bottom: 0; }
.copyright { margin: 0 auto; padding: 10px; color: #eee; text-align: center; font-size: 13px; }

@-webkit-keyframes move-is-waiting-stripes {
    0% { background-position: 0 0; }
    100% { background-position: 30px 0; }
}
@-moz-keyframes move-is-waiting-stripes {
    0% { background-position: 0 0; }
    100% { background-position: 30px 0; }
}
@-ms-keyframes move-is-waiting-stripes {
    0% { background-position: 0 0; }
    100% { background-position: 30px 0; }
}
@-o-keyframes move-is-waiting-stripes {
    0% { background-position: 0 0; }
    100% { background-position: 30px 0; }
}
@keyframes move-is-waiting-stripes {
    0% { background-position: 0 0; }
    100% { background-position: 30px 0; }
}
.btn.btn-loading {
    background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent) !important;
    background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent) !important;
    background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent) !important;
    background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent) !important;
    -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
    -o-animation: move-is-waiting-stripes 0.5s linear infinite;
    animation: move-is-waiting-stripes 0.5s linear infinite; 
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    cursor: wait !important;
    filter: alpha(opacity=65);
    opacity: .65;
}

@media (max-width: 480px) {
    h3 { font-size: 22px; }
    .logo { margin-top: 10px; }
    .content { width: 222px; }
}