/* Body background */
body {
    background-color: #ffffff;
}

/* Link color */
a, a:hover {
    color: #4f4f4f;
}

/* Pagination style */
.pagination .page-item.active .page-link,
div.pagination ul.pagination li.active .page-link,
div.pagination ul.pagination li.active a,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #4f4f4f;
    border-color: #4f4f4f;
    color: #ffffff;
}

/* Header style */
.header {
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff));
    background: -webkit-linear-gradient(#ffffff, #ffffff);
    background: -moz-linear-gradient(#ffffff, #ffffff);
    background: -ms-linear-gradient(#ffffff, #ffffff);
    background: -o-linear-gradient(#ffffff, #ffffff);
    background: linear-gradient(#ffffff, #ffffff);
    -pie-background: linear-gradient(#ffffff, #ffffff);
}

/* Title style */
.title {
    background: #f5f5f5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#f0f0f0));
    background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
    background: -moz-linear-gradient(#f5f5f5, #f0f0f0);
    background: -ms-linear-gradient(#f5f5f5, #f0f0f0);
    background: -o-linear-gradient(#f5f5f5, #f0f0f0);
    background: linear-gradient(#f5f5f5, #f0f0f0);
    -pie-background: linear-gradient(#f5f5f5, #f0f0f0);
}

.title h3 {
    color: #3a3a3a;
}

/* Navigation bar style */
.nav-content nav.navbar {
    background: #4f4f4f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4f4f4f), to(#4f4f4f));
    background: -webkit-linear-gradient(#4f4f4f, #4f4f4f);
    background: -moz-linear-gradient(#4f4f4f, #4f4f4f);
    background: -ms-linear-gradient(#4f4f4f, #4f4f4f);
    background: -o-linear-gradient(#4f4f4f, #4f4f4f);
    background: linear-gradient(#4f4f4f, #4f4f4f);
    -pie-background: linear-gradient(#4f4f4f, #4f4f4f);
}

.nav-content nav.navbar .navbar-nav > .active > a,
nav.navbar .navbar-nav > .active > a:hover,
nav.navbar .navbar-nav > .active > a:focus {
    color: #ffffff !important;
}

.nav-content nav.navbar .navbar-nav > li > a {
    color: #ebebeb !important;
}

@media (max-width: 767px) {
    nav.navbar .navbar-nav .show .dropdown-menu > a {
        color: #ebebeb !important;
    }

    nav.navbar .navbar-nav .show .dropdown-menu > a:hover,
    nav.navbar .navbar-nav .show .dropdown-menu > a:focus {
        color: #ffffff !important;
    }
}

.nav-content nav.navbar .navbar-nav > li > a:hover {
    color: #ffffff !important;
}

.nav-content nav.navbar .navbar-nav > .open > a,
nav.navbar .navbar-nav > .open > a:hover,
nav.navbar .navbar-nav > .open > a:focus,
.nav-content nav.navbar .navbar-nav > .show > a,
nav.navbar .navbar-nav > .show > a:hover,
nav.navbar .navbar-nav > .show > a:focus {
    color: #ffffff !important;
}

/* Card & legacy Panel style */
.card-blesta > .card-header,
.panel-blesta > .panel-heading {
    color: #f2f2f2;
    background: #4f4f4f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4f4f4f), to(#4f4f4f));
    background: -webkit-linear-gradient(#4f4f4f, #4f4f4f);
    background: -moz-linear-gradient(#4f4f4f, #4f4f4f);
    background: -ms-linear-gradient(#4f4f4f, #4f4f4f);
    background: -o-linear-gradient(#4f4f4f, #4f4f4f);
    background: linear-gradient(#4f4f4f, #4f4f4f);
    -pie-background: linear-gradient(#4f4f4f, #4f4f4f);
}

/* Legacy Bootstrap 3 Panel & Pull compatibility for custom plugins (domains, nictr_ext) */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.panel-heading {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
}
.panel-body {
    padding: 1.25rem;
}
.panel-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hidden {
    display: none !important;
}
.btn-default {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #ddd;
}
.btn-default:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.btn-xs {
    padding: 0.15rem 0.4rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

/* Highlight Color */
.list-group.list-options a.list-group-item:hover,
.list-group.list-options a.list-group-item:focus,
a.list-group-item:hover,
a.list-group-item:focus {
    background-color: #6c6b6b !important;
    color: #ffffff !important;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
a.list-group-item.left-nav.active,
a.list-group-item.left-nav.active:hover,
a.list-group-item.left-nav.active:focus {
    background-color: #4f4f4f !important;
    border-color: #4f4f4f !important;
    color: #ffffff !important;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    color: #4f4f4f;
}

.table-hover > tbody > tr:hover,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
    background-color: #f5f5f5;
}

/* Settings Link Text Color */
.list-group-item.credits {
    color: #4f4f4f !important;
}

.list-group-item h4 {
    color: #4f4f4f !important;
}

/* Top navigation style */
.top-nav .dropdown a.dropdown-toggle,
.top-nav .dropdown a.dropdown-toggle:focus {
    color: #4f4f4f !important;
}

.top-nav .dropdown a.dropdown-toggle:hover {
    color: #8f8f8f !important;
}

/* TRABIS Custom Buttons & Steps */
.dark-btn {
    color: #fff !important;
    background: linear-gradient(#4f4f4f, #4f4f4f) !important;
    border-color: #4f4f4f !important;
}

.panel-steps a.active,
.card-steps a.active {
    color: #ad0d0d;
}

/* Hide Invoices, Transactions, and Quotations widgets on Client Dashboard */
#client_invoices,
#client_transactions,
#client_quotations {
    display: none !important;
}