/* 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: 65px;
/*    padding-bottom: 20px;*/
}

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

    padding-bottom:10px;

    min-height: calc(100vh - 190px);
}

.container-fluid {
    margin-top:67px;
}

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


.navbar .navbar-header {
    width: 100%;
    margin-left: 15px;
    margin-right:15px;
}

.navbar .navbar-logo {
    float: left;
    max-width: 275px;
    margin-left: 15px;
}
.navbar .navbar-logo .navbar-img {
    height: 100%;
    width: 100%;
}

.navbar .navbar-nav li a {
    padding: 8px 0px 5px 0px;
/*    color: #575759;*/
}


.navbar .navbar-nav .active a {
/*    border-bottom: 2px solid #238387;*/
    border-bottom: 2px solid #a81d21;
}

.navbar .navbar-toggle {
    background-color: #575759;
}

.navbar .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-text {
/*    font-size: 2rem;*/
    font-weight: 400;
/*
    font-family: 'myriad-pro', sans-serif;
    color: #4e4e4e;
*/
}


/*.mecfs-page-header {
    background-color: #238387;
    color: white;
    padding: 15px;
    margin-top: 25px;
}*/

.footer {
    background-color: #434343;
    color: white;
}

.footer .container {
    padding-top: 10px;
    padding-bottom: 5px;
}

.footer .container .organization {
    width: 48%;
    display: inline-table;
    height: 110px;
}

.footer .container .organization .logo-panel {
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    width:1%;
}

.footer .container .organization .description {
    display: inline-block;
    width: 68%;
    display: table-cell;
    vertical-align: middle;
}

.right {
    float: right;
}

.bottom-margin {
    margin-bottom: 10px;
}

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

        .navbar .navbar-collapse {
            width: 200px;
            float: right;
            margin-right: 0;
            margin-left: 0;
        }
    }

    @media screen and (max-width: 1024px) {
        /*    .navbar .navbar-header {
        max-width: 300px;
        width: 27%;
    }*/
    }