/* Move down content because we have a fixed navbar that is 50px tall */
form, html {
    height: auto;
    min-height: 100%;
}

body {
    padding-top: 0px;
    padding-bottom: 20px;
    height: auto;
    min-height: 90%;
    background-color: white;
}

.main {
    min-height: 100%;
    height: auto;
    background-color:white;
}

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

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 100%;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 193px;
}

.WebGraphsHeader{
    font-size:20px;
    font-weight:bold;
}

.companyLogo {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('/Images/logo-left-new.png') no-repeat;
    width: 221px; /*Width of new image */
    height: 64px; /*Height of new image */
    padding-left: 221px; /*Equal to width of new image */
    padding-top: -66px;
}

.navbar-custom {
    background-color: #00a1df
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel-indicators {
    text-align: left;
    float: left;
    right: inherit;
    bottom: 10px;
}

.carousel-caption {
    background-color: #333E48;
    opacity: 0.75;
    left: 0;
    bottom: 0;
    height:30%;
}