html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 60px;
    min-height:100vh;
}

wrapper {
    min-height:100vh;
}

.flex-fill {
    flex:1 1 auto;
}

p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px;
    color: #7d8285;
}

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

/* 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 width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    width: 100%;
}*/

.bg-purple {
    background-color: #2e247a;
}

.bg-blue-jac {
    background-image: url('../Images/Index/bg-carousel.jpg');
    background-size: cover;
}

.bg-pay {
    background-image: url('../Images/Index/bg-carousel.jpg');
} 

.carousel-caption-size {
    height: 400px;
}

/* Navbar bottom border */

.navbar {
    border-bottom: 3px solid !important;
    border-bottom-color: #2e247a !important;
}

.navbar-logo {
    height: 100%;
    width: 50px;
}

/* Rounded corner separator, applies to section */

section {
    position: relative;
    background-color: white;
}

    section::before,
    section::after {
        position: absolute;
        content: '';
        pointer-events: none;
    }

.section-bottom-separator {
    margin-bottom: 50px;
    border-radius: 0 0 0 50px;
}

    .section-bottom-separator::before,
    .section-bottom-separator::after {
        left: 0;
        z-index: -1;
        height: 50px;
        background: #2e247a;
    }

    .section-bottom-separator::before {
        top: 100%;
        width: 100%;
        border-radius: 0 90px 0 0;
    }

    .section-bottom-separator::after {
        bottom: 0;
        z-index: -1;
        width: 50%;
    }

/* ------------- Footer ------------- */

footer span > a {
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #ccc;
    color: white;
    opacity: 0.75;
}

    footer span > a:hover {
        opacity: 6;
    }

footer ul {
    padding: 0;
    list-style: none;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 0;
}

    footer ul a {
        color: inherit;
        text-decoration: none;
        opacity: 0.8;
        color: lightgray;
    }

        footer ul a:hover {
            opacity: 1;
        }


/*.div-top-corner-separator {
    position: relative;
    background-color: white;
}

    .div-top-corner-separator::before {
        position: absolute;
        content: '';
        pointer-events: none;
    }

.top-corner-separator {
    margin-bottom: 50px;
    border-radius: 100px;
}

    .top-corner-separator::before {
        left: 0;
        z-index: 1;
        height: 50px;
        background: #2e247a;
        width: 100%;
    }*/


/* Footer */

/*footer ul a {
    text-decoration: none;
    opacity: 0.8;
    color: lightgray;
}

    footer ul a:hover {
        opacity: 6;
    }*/

.bg-jac {
    background-color: #2e247a;
}

.dots {
    color: blue;
    position: relative;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #2072a7;
    box-shadow: 30px 0 #2072a7, -30px 0 #2072a7, 60px 0 #2072a7, -60px 0 #2072a7;
}

.logo-vendor {
    margin-bottom: 20px;
    border: 6px solid #599ddf;
    -webkit-box-shadow: 5px 5px 5px #111;
    box-shadow: 5px 5px 5px #111;
    border-radius: 8px;
    margin-top: 35px;
}

.field-validation-error {
    color: red !important;
}

.mt-10 {
    margin-top: 100px;
}

.pb-10 {
    padding-bottom: 130px;
}

.pb-15 {
    padding-bottom: 185px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 80px;
    right: 15px;
    display:none;
}

.report-button {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: 20px;
    /*right: 20px;*/
    width: 80px;
    height: 80px;
}

.progress {
    background-color: white !important;
}

img {
    vertical-align: initial !important;
}

.paypal-logo {
    background-position: 0 -47px;
    background-image: url('../Images/paypal.png');
    background-repeat: no-repeat;
    width: 112px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}