/* 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: 50px;
}

/* 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;
    }
}

ul.custombullet {
    list-style: none;
    padding: 0;
}

    ul.custombullet li {
        background: url("../images/bullet.png") no-repeat left 5%;
        padding: 0px 0px 4px 24px;
    }

div.deepboxshadow {
    box-shadow: 4px 4px 3px #aaaaaa;
}

div.roundeddeepboxshadow {
    border-radius: 8px;
    box-shadow: 4px 4px 3px #aaaaaa;
    border: solid 1px #aaaaaa;
}

.rz-button.rz-primary.rz-shade-default {
    background-color: green
}

.rz-button.btn-primary {
    background-color: green
}

.btn-primary {
    background-color: green
}

.rz-progressbar-indeterminate-primary .rz-progressbar-value:before {
    background-color: forestgreen;
}

.rz-progressbar-indeterminate-primary .rz-progressbar-value:after {
    background-color: forestgreen;
}

.wf-shade-light {
    background-color: #EEF7EB
}

.wf-badge {
    color: #ffffff;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    border-radius: 4px;
    letter-spacing: 0;
}

.wf-badge-primary {
    background-color: #ff6d41;
}

.wf-card-background {
    background-color: #fafcfc
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 70px;
    width: 70px;
    outline: black;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 5px solid darkgrey;
    background-image: none;
    background-color: white;
}

    .carousel-control-next-icon:after {
        content: '>';
        font-size: 36px;
        color: darkgrey;
        font-weight: bolder;
    }

    .carousel-control-prev-icon:after {
        content: '<';
        font-size: 36px;
        color: darkgrey;
        font-weight: bolder;
    }