/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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

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


img {
    max-width: 100%;
    max-height: 100%;
}

#TitleBar {
    width: 100%;
    height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#TitleBarLeft {
    width: 60%;
    float: left;
    font-size: 24px;   
    line-height: 30px;
}

#TitleBarRight {
    width: 35%;
    float: right;
    text-align: right;
    font-size: 16px;
    line-height: 30px;
}

#StatusBar {
    width: 100%;
    clear: left;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    margin-bottom: 15px;
}

#StatusBarLeft {
    width: 40%;
    float: left;    
}

#StatusBarRight {
    width: 40%;
    float: right;
    text-align: right;  
}

#StatusBarFoot {
    width: 100%;
    clear:both;
}

#DivGrid {
    width: 100%;
    clear: both;
}

#DivGridFooter {
    width: 100%;
    clear: left;
    height: 30px;
}

/*#DivGuideContent {
    width: 100%;
    clear: both;
}*/

#DivGuideFooter {
    width: 100%;
    clear: left;
    height: 30px;
}

.gridviewcellpadding {
    padding: 6px;
}

.modal-title {
    font-size: 18px;
    font-weight: 600;
}