body {
    /*background-image: url(images/NewDG4.jpg);
    background-color: #01131d;
    Background-repeat:repeat-x;    */
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    /*font-family: Verdana;*/
    
    padding-top: 80px;
    padding-bottom: 20px;
}

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

.jumbotron {
    padding-top: 20px;
    padding-bottom: 20px;
}

.jumbotron .h1, .jumbotron h1 {
    font-size: 40px;
}

.jumbotron .p, .jumbotron p {
    font-size: 18px;
}

.logo {
    float: left;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    max-height: 84px;
}

th, td {
    padding: 3px;
}

#LeftBorderCell {
    background-color: Transparent;
    border-style: none;
}

#RightBorderCell {
    background-color: Transparent;
    border-style: none;
}

#MidsectionCell {
    border-style: none;
}

#LogoCell {
    background-image: url(images/blue_logo.bmp);
    width: 219px;
    height: 70px;
}

#TitleCell {
    background-image: url(images/header.PNG);
    background-repeat: no-repeat;
    background-Color: #90b2c8;
    height: 45px;
    color: White;
    font-family: Verdana;
    font-size: medium;
}

#TopMenuCell {
    background-color: #88A8BC;
    height: 25px;
}

#SideMenuCell {
    background-color: #013E5D;
}

#ContentCell {
    background-color: White;
    /*color: #3030B0;*/
    padding: 10px;
    font-size: small;
    font-family: Verdana;
    font-weight: normal;
    font-variant: normal;
}

.RMWBControl {
    /*color: #3030B0;*/
    font-size: small;
    font-family: Verdana;
    font-weight: normal;
    font-variant: normal;
}

.SubHeadingCell {
    background-image: url(images/NEW45.jpg);
    background-repeat: no-repeat;
    background-Color: #6082d8;
    height: 45px;
    color: White;
    font-family: Verdana;
    font-size: medium;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: lightblue;
        color: black;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text */
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 50%; 
        margin-left: -125px; /* Use half of the width (120/2 = 60), to center the tooltip */
    }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/*Use rmwb navy blue instead of default blue. There is a way to do this with SASS also, but that seemed like more work.*/
.navbar-inverse {
    background-color: #005070;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff
}

.nav > li > a {
    padding: 15px 14px;
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
}

.navbar-brand {
    padding: 10px 15px;
}

@media (min-width: 768px) {
    /*When on desktop, expand to height of logo*/
    .navbar-nav > li > a {
        line-height: 54px;
    }

    .navbar-brand {
        line-height: 65px;
    }
}

@media (max-width: 1200px){
    .logo{
        display: none;
    }
}

.panel-primary {
    border-color: #397897;
}

    .panel-primary > .panel-heading {
        background-color: #397897;
        border-color: #397897;
    }

.btn-primary {
    color: #fff;
    background-color: #397897;
    border-color: #397897;
}