body[data-sidebar=dark] .vertical-menu {
    background: #48358C !important;
}
body[data-sidebar=dark] .navbar-brand-box {
    background: #48358C !important;
}

i.fas.fa-book-open {
    color: #4A545C;
    padding:  0.4em;
}

i.fas.fa-edit.navbar {
    color: #4A545C;
    padding:  0.4em;

}

.btn.header-item a {
    color:#48358C;
    margin-left: 0.4em;
}

body{
    background-color: #E9EDFB;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #48358C;
    color:#fff;
}

.footer {   
    color: #242B32;
    background-color: #F4F6F9;
}

.nav-tabs > li > a, .nav-pills > li > a {
    color: #242B32;
}

h4.font-size-18.mt-4 {
    color: #242B35 !important;
}

.text-muted {
    color:#242B35 !important;
}

.form-group.auth-form-group-custom.mb-4 {
    color:#242B35 !important;
}

input#login {
    color:#242B35 !important;
}

.custom-control-label {
    color: #242B32;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #242B32;
    background-color: #242B32;
}

h2.card-header {
    color: #242B32;
    background-color: #E9EDFB
}

h3.card-title, ul.list-group {
    color: #242B32;
}

.progress-bar {
    background-color: #48358C ;
}

.btn-primary {
    background-color: #48358C !important;
    border-color: #48358C !important;
}

i.fas.fa-users {
    color: #E8E8E8;
}

a#btn-nvo {
    background-color: #1BBB8B;
    border-color: #1BBB8B;
}

i.fas.fa-layer-group {
    margin-right: 0.4em;
    color: #fff;
}

h2.card-title.text-center.mb-4, label.col-md-4.col-form-label.text-md-right {
    color: #242B32;
}

.page-title-box h4, p.text-muted.mb-0, p.mb-0 {
    color: #242B32 !important;
}

button.btn.btn-success {
    background-color: #1BBB8B;
    border-color: #1BBB8B;
}

i.fas.fa-check, i.fas.fa-home {
    color: #fff;
}

.noti-icon i, button#page-header-user-dropdown, a.font-size-14.mb-2  {
    color: #242B32;
}

h4.mb-0, i.ri-stack-line.font-size-24 {
    color: #48358C;
}

h4.card-title.mb-4, h4.card-title.text-center  {
    color: #242B32;
}

span.apexcharts-legend-text {
    color: #242B32 !important;
}

button.btn.btn-secondary.buttons-csv.buttons-html5, button.btn.btn-secondary.buttons-pdf.buttons-html5, button.btn.btn-secondary.buttons-excel.buttons-html5 {
    background-color: #778D98;
    border-color: #778D98;
}

a.btn.btn-dark {
    background-color: #242B32;
    border-color: #242B32;
}

a.btn.btn-info, button.btn.btn-info  {
    background-color: #19B7CC;
    border-color:#19B7CC;
}

button.btn.btn-danger {
    background-color: #FF3D60;
    border-color: #FF3D60;
}

.authentication-bg .bg-overlay {
    background-color: #4858A3;
}

i.mdi.mdi-lock.mr-1 {
    color: #48358C;
}

.page-item.active .page-link {
    background-color: #48358C;
    border-color: #48358C;
}

button.btn.btn-secondary.buttons-copy.buttons-html5, button.btn.btn-secondary.buttons-collection.dropdown-toggle.buttons-colvis{
    background-color: #778D98;
    border-color: #778D98;
}

h4.text-center.col-md-12, i.ri-menu-2-line.align-middle, td.sorting_1.dtr-control, h2.card-title,label {
    color: #242B32;
}

thead.bg-primary {
    color: #fff;
    background-color: #48358C !important;
}

.mobile-company-trigger {
    min-width: 0;
    max-width: calc(100vw - 210px);
    padding-left: 0.6rem;
    padding-right: 0.75rem;
}

.mobile-company-trigger i {
    flex-shrink: 0;
}

.mobile-company-trigger__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin-left: 0.45rem;
    text-align: left;
}

.mobile-company-trigger__name {
    color: #242B32;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-company-modal .modal-header {
    align-items: flex-start;
}

.mobile-company-modal__current {
    color: #778D98;
    font-size: 0.88rem;
}

.mobile-company-modal__label {
    display: block;
    margin-bottom: 0.45rem;
    font-weight: 600;
    color: #242B32;
}

.mobile-company-modal__select {
    background: #fff;
    color: #242B32;
}

@media (min-width: 576px) {
    .mobile-company-trigger {
        display: none !important;
    }
}