/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

@media all and (min-width: 1292px) {
    .container {
        max-width: 1260px;
    }
}

@media all and (min-width: 1392px) {
    .container {
        max-width: 1360px;
    }
}

@media all and (min-width: 1492px) {
    .container {
        max-width: 1460px;
    }
}

@media all and (min-width: 1592px) {
    .container {
        max-width: 1560px;
    }
}

.extension { font-size: 60%; color: #55a; }
h4 small { font-size: 60%; color: #aaa; }

.Method { padding: 0.75em; margin: 1.8em 0; background: #ddf; font-weight: bold; color: #005; border-radius: 3px; }
.Usage { margin-top: 3em; margin-bottom: 1em; border-top: solid 3px #aaf; padding-top: 0.75em; }
.Example { background: #f5f5f5; padding: 1em 2em; margin-bottom: 2em; overflow-x: auto; font-size: 0.9em; border-radius: 3px; border: solid 1px #ccc; }
.properties { margin-bottom: 2em; font-size: 0.75em; }
.line { white-space: pre; line-height: 1.1; }
.keyword { color: #00f; }
.attribute, .type { color: #999; }
code { color: #333; }
code .attribute, code .type { color: #d3d; }
.comment { color: #999; }
.optional { font-style: italic; color: #339; }