/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 60px;
    padding-bottom: 20px;
    overflow-y:scroll;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"], 
textarea,
select{
    max-width: 280px;
}

    input[type="text"].sm,
    input[type="password"].sm,
    input[type="email"].sm,
    input[type="tel"].sm,
    input[type="select"].sm,
    textarea.sm,
    select.sm {
        max-width: 140px;
    }
    
    input[type="text"].lg,
    input[type="password"].lg,
    input[type="email"].lg,
    input[type="tel"].lg,
    input[type="select"].lg,
    textarea.lg,
    select.lg {
        max-width: 560px;
    }

    input[type="text"].xl,
    input[type="password"].xl,
    input[type="email"].xl,
    input[type="tel"].xl,
    input[type="select"].xl,
    textarea.xl,
    select.xl {
        max-width:100%;
    }

.socialLoginButton {
    cursor: pointer;
    color: transparent;
    border: none;
    margin-right: 20px;
}

    .socialLoginButton.google {
        background-image: url(/Images/social-login-google.png);
        width: 372px;
        height: 82px;
    }

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}