body {
    padding-top: 50px;
    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;
    }
}

/* =========================================================
   Global button improvements: rounded corners + gradients
   ========================================================= */

.btn {
    border-radius: 6px !important;
    transition: background-image 0s, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

/* btn-group: only outer edges rounded */
.btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0 !important; }
.btn-group > .btn:first-child:not(:last-child)        { border-radius: 6px 0 0 6px !important; }
.btn-group > .btn:last-child:not(:first-child)        { border-radius: 0 6px 6px 0 !important; }
.btn-group > .btn:only-child                          { border-radius: 6px !important; }

/* btn-dark */
.btn-dark {
    background-image: linear-gradient(to bottom, #4d5270, #2f3342) !important;
    border-color: #252936 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.28);
    box-shadow: 0 1px 3px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.09);
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
    background-image: linear-gradient(to bottom, #3d4260, #23263a) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.06);
}

/* btn-primary */
.btn-primary {
    background-image: linear-gradient(to bottom, #33bbff, #007acc) !important;
    border-color: #006db8 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.18);
    box-shadow: 0 1px 3px rgba(0,153,255,0.28), inset 0 1px 0 rgba(255,255,255,0.18);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-image: linear-gradient(to bottom, #1aadff, #0066b3) !important;
    box-shadow: 0 2px 6px rgba(0,153,255,0.38), inset 0 1px 0 rgba(255,255,255,0.12);
}

/* btn-success */
.btn-success {
    background-image: linear-gradient(to bottom, #42e026, #1a9009) !important;
    border-color: #157f08 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.18);
    box-shadow: 0 1px 3px rgba(36,195,12,0.28), inset 0 1px 0 rgba(255,255,255,0.18);
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-image: linear-gradient(to bottom, #32d018, #157f08) !important;
    box-shadow: 0 2px 6px rgba(36,195,12,0.38), inset 0 1px 0 rgba(255,255,255,0.12);
}

/* btn-warning */
.btn-warning {
    background-image: linear-gradient(to bottom, #ffd54a, #cc9500) !important;
    border-color: #b58400 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px rgba(255,186,0,0.28), inset 0 1px 0 rgba(255,255,255,0.22);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background-image: linear-gradient(to bottom, #ffca28, #b38200) !important;
    box-shadow: 0 2px 6px rgba(255,186,0,0.38), inset 0 1px 0 rgba(255,255,255,0.16);
}

/* btn-danger */
.btn-danger {
    background-image: linear-gradient(to bottom, #ff9494, #e63038) !important;
    border-color: #cc2530 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.18);
    box-shadow: 0 1px 3px rgba(255,100,106,0.28), inset 0 1px 0 rgba(255,255,255,0.18);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background-image: linear-gradient(to bottom, #ff7c7c, #cc252c) !important;
    box-shadow: 0 2px 6px rgba(255,100,106,0.38), inset 0 1px 0 rgba(255,255,255,0.12);
}

/* btn-info */
.btn-info {
    background-image: linear-gradient(to bottom, #76d4f4, #1baee6) !important;
    border-color: #179fd1 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px rgba(64,187,234,0.28), inset 0 1px 0 rgba(255,255,255,0.22);
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
    background-image: linear-gradient(to bottom, #5ecbf0, #1599cc) !important;
    box-shadow: 0 2px 6px rgba(64,187,234,0.38), inset 0 1px 0 rgba(255,255,255,0.16);
}