/* Custom CSS overrides for YCP Data Backup Access */

/* Override Material Design red color #ee6e73 with custom purple #251a73 */

/* Navigation bar */
nav {
    background-color: #251a73 !important;
}

/* Pagination active state */
.pagination li.active {
    background-color: #251a73 !important;
}

/* Page footer */
.page-footer {
    background-color: #251a73 !important;
}

/* Tabs indicator */
.tabs .indicator {
    background-color: #251a73 !important;
}

/* Active sidebar items */
.sidenav .collapsible-body > ul:not(.collapsible) > li.active {
    background-color: #251a73 !important;
}

/* Tap target (Material Design component) */
.tap-target {
    background-color: #251a73 !important;
}

/* Blockquote border */
blockquote {
    border-left-color: #251a73 !important;
}

/* Table of contents active links */
.table-of-contents a.active {
    border-left-color: #251a73 !important;
}

/* Material red color classes override */
.materialize-red.lighten-2,
.red.lighten-2 {
    background-color: #251a73 !important;
}

.materialize-red-text.text-lighten-2,
.red-text.text-lighten-2 {
    color: #251a73 !important;
}

/* Button and other interactive elements that use the red color */
.btn.red,
.btn-large.red {
    background-color: #251a73 !important;
}

/* Progress bars */
.progress .determinate {
    background-color: #251a73 !important;
}

.progress .indeterminate {
    background-color: #251a73 !important;
}

/* Switch active state */
.switch label input[type=checkbox]:checked + .lever {
    background-color: #251a73 !important;
}

/* Range slider */
.range-field input[type=range]::-webkit-slider-thumb {
    background-color: #251a73 !important;
}

.range-field input[type=range]::-moz-range-thumb {
    background-color: #251a73 !important;
}

/* Floating Action Button */
.btn-floating {
    background-color: #251a73 !important;
}

/* Chips */
.chip {
    background-color: #251a73 !important;
    color: white !important;
}

/* Collection active items */
.collection .collection-item.active {
    background-color: #251a73 !important;
}

/* Dropdown active items */
.dropdown-content li > a:hover,
.dropdown-content li > span:hover {
    background-color: #251a73 !important;
}

/* Modal footer buttons */
.modal-footer .btn,
.modal-footer .btn-flat {
    background-color: #251a73 !important;
}