/* TEXT COLORS */
.color-primary { color: #56548C !important; }
.color-secondary { color: #59C9A5 !important; }
.color-accent { color: #EC827D !important; }

/* BACKGROUND COlORS */
.bg-primary { background-color: #56548C !important; }
.bg-primary-gradient { background-image: linear-gradient(to bottom, #beabff, #af97ff, #9f82ff, #8f6dff, #7e57ff) !important; }
.bg-secondary { background-color: #59C9A5 !important; }
.bg-secondary-gradient { background-image: linear-gradient(to bottom, #a5e7fd, #92e1fc, #7edbfb, #67d5fa, #4bcffa) !important; }
.bg-accent { background-color: #EC827D !important; }
.bg-card { background-image: url('../images/card-effect.png'); }


/* BOX SHADOW */
.box-shadow-color {
    box-shadow: 0 3px 7px rgb(86 84 140 / 0.25) !important;
}
.box-shadow-color-s2 {
    box-shadow: 0 3px 7px rgb(89 201 165 / 0.25) !important;
}
.box-shadow-color-s3 {
    box-shadow: 0 3px 7px rgb(236 130 125 / 0.25) !important;
}


/* MENU - SIDEBAR */
#sidebar nav > ul > li.active {
    background: #56548C !important;
}
.app-sidebar-closed .app-aside > .item-inner {
    background: #56548C !important;
}
.app-sidebar-closed .app-aside > .item-inner .title {
    color: white !important;
}


/* PAGINATION */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #56548C !important;
    border-color: #56548C !important;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #59C9A5 !important;
    border-color: #59C9A5 !important;   
}


/* BUTTONS */
.btn-info.btn-o:active, .btn-info.btn-o.active, .btn-info.btn-o.active:hover {
    background-color: #59C9A5 !important;
    border-color: #59C9A5 !important;
    color: white !important;
}
.btn.active {
    background-color: #56548C !important;
    color: white !important;
}


/* CALENDAR */
.cal-month-box .cal-day-today span[data-cal-date] {
    background: #59C9A5 !important;
}
.clip-datepicker button.btn-current {
    background-color: #59C9A5 !important;
}


/* SPINNER */
.md-preloader svg circle {
    stroke: #56548C !important;
}
#loading-bar .bar {
    background: #56548C !important;
}


/* MEDIA QUERIES */
@media (max-width: 991px) {
  header .navbar-collapse {
    background: #56548C !important;
  }
}