.bg-body {
    background-color: #00567C;
}

.bg-header {
    background-color: #0090D0;
}

.listview-bg-header {
    background-color: #00567C;
    color:white;
}
.listview-bg-ItemTemplate {
    background-color: white;
}
.listview-bg-AlternatingItemTemplate {
    background-color: aliceblue;
}
.listview-bg-footer {
    background-color: #00567C;
    color: white;    
}

/* Styles for wrapping the search box */

.main {
    width: 50%;
    margin: 50px auto;
}

/* Bootstrap 4 text input with search icon */

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

/* Pagination */

.pagination a,
.pagination a:hover {
    text-decoration: none;
}

.pagination > span,
.page-item {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
    transition: all .4s;
}

.pagination > span {
    background-color: #007bff;
    color: #fff;
    border: 0px solid #dee2e6;
}

    .pagination > span:hover,
    .page-item:hover {
        background-color: #dee2e6;
    }

a.page-item:not([href]):not([tabindex]) {
    color: #333;
    cursor: default;
}