.logo {
    width: 250px;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: #eceeef;
    color: #3f454d;
}

.dataTables_processing {
    background: #2288b6 !important;
    color: #fff;
    font-size: 17px;
    border-color: #fff
}

.btn-link,
a {
    color: #2579a0
}

html,
body {
    height: 100%;
}

#app {
    min-height: 100%;
    height: auto; 
    
}

footer {
    background: #21262d;
    clear:both; float:none;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

footer p {
    color: #535b64;
    padding:60px 0  !important;
    text-align: center;
    margin-bottom:-20px
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #fff;
}

.btn-info,
.btn-primary {
    color: #fff !important;
    background: #2288b6;
    border-color: #2288b6;
}

.btn-info:hover,
.btn-primary:hover {
    background: #2579a0
}

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>thead>tr:nth-child(even)>th {
    background-color: #f4f5f7;
}

.table-striped>tbody>tr>td,
.table-striped>thead>tr>th {
    border: 1px solid #dcdee0
}

.bf-header {
    background: #25799f
}

.page-item.active .page-link {
    background-color: #2288b6;
    border-color: #2288b6;
}

.page-link {
    color: #2288b6;
}