/**
* General layout.
 */
body {
    background-color: #f1f4f5;
}
.top-bar {
    background-color: #ffffff;
    color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
}
.main-panel {
    background: #f1f4f5;
}
.card {
    background: #f1f4f5;
}
/**
* Form controls.
 */
.btn-login,
.btn.btn-sm.btn-primary {
    background: #00b0f0;
    color: #000000;
    border-color: #00b0f0;
}
.wrapper .content .btn.btn-sm.btn-primary:hover {
    background-color: white;
    border-color: #00b0f0;
    color: #00b0f0;
}
.content .row .form-group input,
.content .row .form-group textarea,
.content .row .form-group select {
    background-color: #ffffff;
    border-radius: 0;
    border-color: #dfe4e8;
}
.content-body fieldset legend {
    color: #000000;
}
/**
* Sidebar.
 */
.sidebar {
    background: #ffffff;
}
.wrapper .sidebar .sidebar-wrapper .nav li.nav-item-active p {
    background-color: #ffffff;
    color: #00b0f0;
}
.wrapper .sidebar .sidebar-wrapper .nav li p {
    color: #000000;
}
.wrapper .sidebar .sidebar-wrapper .nav li:hover:not(.active) > a p {
    color: #00b0f0;
}
/**
* Font colors.
 */
.top-bar .user-info,
.content-body table thead,
.content-body table thead.text-primary {
    color: #000000;
}
.content-body table tbody,
.content-body div label,
.form-submissions-filter-group div,
.form-submissions-filter-group div select {
    color: #000000;
}
/**
* Table border color.
 */
.content .card table tr td {
    border-top-color: #000000;
}
/**
* Vouchers.
 */
.vouchers-gallery .voucher-wrapper {
    background-color: grey;
}
/**
* Login.
 */
.login-page .wrapper .login-page {
    background-color: #f1f4f5;
}
.login-page .container .card {
    background-color: #ffffff;
}
/**
* Header styles
 */
.card h1,
.card h2,
.card h2.card-title,
.card h3,
.card h4,
.card h5 {
    color: #000000;
}
/**
* User logout.
 */
.top-bar-wrapper .user-info a {
    color: #00b0f0;
}
/**
# Paginator.
 */
.content .content-body ul.pagination .page-item .page-link {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    color: #000000;
}
.content .content-body ul.pagination li.active {
    width: auto;
}
.content .content-body ul.pagination li.active .page-link {
    background-color: #00b0f0;
    border-color: #00b0f0;
}
