/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/

.body-content {
    background-color: #F6F6F6;
}
.page-content {
    min-height: 320px;
}

.top-navbar-container {
    background-color: #3399FF;
}

.body-content {
    min-height: 320px;
}

.page-top-bg {
    background-color: #3399FF;
}

.page-top-content {
}

.page-top-content-left {
}

.page-top-content-center {
}

.page-top-content-right {
}

.top-navbar-container {
    background-color: #3399FF;
}

.page-footer-bg {
    padding-bottom: 25px;
    padding-footer: 10px;
    border-footer-style: solid;
    border-footer-width: 1px;
    border-footer-color: #333333;
    background-color: #CCCCCC;
}

.page-footer-content {
    padding-bottom: 25px;
}

.page-footer-bg {
    background-color: #CCCCCC;
}

.page-footer-content {
}

.page-footer-content-left {
}

.page-footer-content-center {
}

.page-footer-content-right {
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .body-content {
        background-color: #F6F6F6;
    }

    .page-content {
        min-height: 480px;
    }

    }

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
    @media (min-width: 768px) {

        .body-content {
            background-color: #F6F6F6;
        }

        .page-content {
            min-height: 500px;
        }

    }

/* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {

        .body-content {
            background-color: #F6F6F6;
        }

        .page-content {
            min-height: 700px;
        }

    }
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


    .body-content {
        background-color: #F6F6F6;
    }

    .page-content {
        min-height: 900px;
    }
    
}


















.gridview-s0 {
    width: 100%;
    max-width: 1620px;
    font-size: 16px;
    line-height: 16px;
}

.gridview-s0-header-style {
    text-align: center;
    vertical-align: middle;
}

.gridview-s0-footer-style {
}

.gridview-s0-control-style {
    padding-top: 2px;
    padding-bottom: 2px;
}

.gridview-s0-AlternatingRowStyle {
    background-color: #CCCCCC;
}

.gridview-s0-EditRowStyle {
}

.gridview-s0-EmptyDataRowStyle {
}

.gridview-s0-FooterStyle {
}

.gridview-s0-HeaderStyle {
    vertical-align: middle;
    text-align: center;
    background-color: #CCFFFF;
}

.gridview-s0-PagerStyle {
}

.gridview-s0-RowStyle {
    padding-top: 2px;
    padding-bottom: 2px;
}

.gridview-s0-SelectedRowStyle {
}

.gridview-s0-SortedAscendingCellStyle {
}

.gridview-s0-SortedAscendingHeaderStyle {
}

.gridview-s0-SortedDescendingCellStyle {
}

.gridview-s0-SortedDescendingHeaderStyle {
}

.gridview-s0-item-style {
    padding-bottom: 2px;
    padding-top: 2px;
}

.gridview-s0-item-style-top-center {
    text-align: center;
    vertical-align: top;
    padding-top: 2px;
    padding-bottom: 2px;
}

.gridview-s0-item-style-top-left {
    text-align: left;
    vertical-align: top;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}





.detailsview-s0-CssClass {
    width: 100%;
    max-width: 1420px;
}

.detailsview-s0-AlternatingRowStyle-CssClass {
}

.detailsview-s0-CommandRowStyle-CssClass {
}

.detailsview-s0-EditRowStyle-CssClass {
}

.detailsview-s0-EmptyDataRowStyle-CssClass {
}

.detailsview-s0-FieldHeaderStyle-CssClass {
}

.detailsview-s0-FooterStyle-CssClass {
}

.detailsview-s0-HeaderStyle-CssClass {
}

.detailsview-s0-InsertRowStyle-CssClass {
}

.detailsview-s0-PagerStyle-CssClass {
    padding: 5px;
    margin: 5px;
}

    .detailsview-s0-PagerStyle-CssClass a {
        padding: 5px;
        margin: 5px;
        background-color: #FF9999;
        display: inline-block;
    }

.detailsview-s0-RowStyle-CssClass {
}

.page-top-bg {
    background-color: #808080;
}

.page-top-content {
}



/* change the background color */
.navbar-custom {
    background-color: #3399FF;
}
    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
    color: rgb(51, 51, 51);
}
    /* change the link color */
    .navbar-custom .navbar-nav .nav-link {
    color: rgb(51, 51, 51);
}
    /* change the color of active or hovered links */
    .navbar-custom .nav-item.active .nav-link,
    .navbar-custom .nav-item:focus .nav-link,
    .navbar-custom .nav-item:hover .nav-link {
        color: #ffffff;
    }