/* 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 {
    /* Push down the body of the page by the same height as the navbar */
    padding-top: 3.5rem;
    padding-bottom: 20px;
}

/* Wrapping element */
.body-content {
    /* Push down content a little more by default to keep space between the
     * navbar and the content */
    padding-top: 1rem;
    /* Set some basic padding to keep content from hitting the edges */
    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;
}

.rotate-animation {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

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

/* Custom bootstrap alterations
 *******************************/

/* Remove the top border from Cards if they are immediately preceded by tabs.
 * This makes the tabs sit flush on the top of the card, such that the tab
 * bottom borders become the top border of the card. Active tabs have a white
 * bottom border so they will appear to be part of the card.
 */
.nav-tabs+.card {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Remove the top border from tables embedded inside cards to avoid a double-border
 */
.card>.table:first-child th {
    border-top: 0;
}

/* Mini Bootstrap extension utilities
 **************************************/

.text-monospaced {
    /* Styles copied from bootstrap <pre> tag styles */
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 87.5%;
}
/* Utility for displaying preformatted content in a multiline overflowing block */
.pre-block {
    /* allow any word to be broken onto a new line to keep inside the block width */
    word-break: break-all;
    /* 1) preserve sequences of whitespace, like <pre>
     * 2) break lines at newline (\n) character, like <pre>
     * 3) also allow line breaking to prevent horizontal overflow
     */
    white-space: pre-wrap;
}

/* Utility for vertically aligning a line of text in a way that vertically lines up with text inside a btn-sm */
.valigned-to-btn-sm {
    padding: 0.25rem 0;
    line-height: 1.5;
    /* font-size: 0.875rem; */
}

/* Utility for re-adding back in the bottom border line in flush list groups */
.list-group-flush.list-group-flush-withborderbottom:last-child .list-group-item:last-child {
    border-bottom-width: 1px;
}

/* Modal overlay with "wait spinner". */
.umd-modal-overlay {
    display: none;
    position: fixed;
    z-index: 1050;
    margin: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    padding: 1.5rem
}

.umd-wait-spinner {
    margin: 4rem auto;
    z-index: 1040;
    width: 14rem;
    height: 14rem;
    border: 1.75rem solid #EAF0F6;
    border-top: 1.75rem solid deepskyblue;
    border-radius: 50%;
    animation: spinner 2s linear infinite;
    -webkit-animation: spinner 2s linear infinite;
}

@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes spinner {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}