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

/* Navigation - padding for the image element and increase font size*/
.navbar-fixed-top {
    padding-top: 15px;
}

.navbar-brand {
    font-size: 24px;
}

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

/* Add padding*/
.row {
    padding-top: 10px;
}
.table tr {
    padding: 5px 3px 5px 3px;
}

/* 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 widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

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

    .body-content {
        padding: 0;
    }
}

/* Allow bigger screens*/
@media (min-width: 1300px) {
    .container {
        width: 1270px;
    }
}
@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}
@media (min-width: 1500px) {
    .container {
        width: 1470px;
    }
}
@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
}
@media (min-width: 1700px) {
    .container {
        width: 1670px;
    }
}
@media (min-width: 1800px) {
    .container {
        width: 1770px;
    }
}

/* For gridviews */
/*Gridviews [NOTE: images removed]*/
/*From http://www.dotnetfox.com/articles/gridview-custom-css-style-example-in-Asp-Net-1088.aspx */
.Grid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-family: Calibri;
    color: #474747;
}

    .Grid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
    }

    .Grid th {
        padding: 4px 2px;
        color: #fff;
        background: #496077;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

    .Grid .alt {
        background: #fcfcfc;
    }

    .Grid .pgr {
        background: #496077;
    }

        .Grid .pgr table {
            margin: 3px 0;
        }

        .Grid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #f3bd48;
            line-height: 12px;
        }

            .Grid .pgr td a {
                color: #ffffff;
                text-decoration: none;
            }

                .Grid .pgr td a:hover {
                    color: #ffffff;
                    text-decoration: none;
                }

.GridSelected {
    background-color: #fcf8e3;
    color:white;
    
}

.GridAlternate {
    background-color: #CCCCCC
}

.GridNoBorder {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 0px #c1c1c1;
    border-collapse: collapse;
    font-family: Calibri;
    color: #474747;
}

    .GridNoBorder td {
        padding: 2px;
        border: solid 0px #c1c1c1;
    }

    .GridNoBorder th {
        padding: 4px 2px;
        color: #fff;
        background: #496077;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

    .GridNoBorder .alt {
        background: #fcfcfc;
    }

    .GridNoBorder .pgr {
        background: #496077;
    }

        .GridNoBorder .pgr table {
            margin: 3px 0;
        }

        .GridNoBorder .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #f3bd48;
            line-height: 12px;
        }

        .GridNoBorder .pgr a {
            color: #ffffff;
            text-decoration: none;
        }

            .GridNoBorder .pgr a:hover {
                color: #ffffff;
                text-decoration: none;
            }

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

/* Controls - to make stick at bottom so always visible*/
.controlFooter {
    position: sticky;
    left: 0px;
    bottom: 0px;
    color: black;
    background-color: white;
    border: 1px solid #496077;
    text-align: left;
    padding-left: 30px;
}