:root {
    --primary: #7080FB;
    --primary-light: #AFB8FD;
    --primary-dark: #4C60FA;
    --primary-inverse: #fff;

    --secondary: #FFBB4C;
    --secondary-inverse: #000;
}

.navigation .navigation-menu-tab {
    background-color: var(--primary);
}

.navigation .navigation-menu-body ul li.navigation-divider {
    color: var(--primary);
}

.chat-block .chat-sidebar .chat-sidebar-content .list-group .navigation .navigation-menu-body ul li>.active.list-group-item, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li>button.active.btn, .navigation .navigation-menu-body ul .chat-block .chat-sidebar .chat-sidebar-content .list-group li>.active.list-group-item, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li>button.active.btn, .navigation .navigation-menu-body ul li>a.active {
    color: var(--primary-dark);
}

.btn.btn-primary, .chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active[href="#next"], .chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active[href="#previous"], .header form .input-group .input-group-append button.btn[href="#next"], .header form .input-group .input-group-append button.btn[href="#previous"], a.btn[href="#next"], a.btn[href="#previous"] {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--primary-inverse);
}

.btn.btn-outline-primary {
    border-color: var(--primary);
}

.btn.btn-outline-primary:not(:disabled):not(.disabled):hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary-inverse);
}

.btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled):focus, .btn.btn-primary:not(:disabled):not(.disabled):hover, .chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):active[href="#next"], .chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):active[href="#previous"], .chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):focus[href="#next"], .chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):focus[href="#previous"], .chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):hover[href="#next"], .chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):hover[href="#previous"], .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):active[href="#next"], .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):active[href="#previous"], .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus[href="#next"], .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus[href="#previous"], .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):hover[href="#next"], .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):hover[href="#previous"], a.btn:not(:disabled):not(.disabled):active[href="#next"], a.btn:not(:disabled):not(.disabled):active[href="#previous"], a.btn:not(:disabled):not(.disabled):focus[href="#next"], a.btn:not(:disabled):not(.disabled):focus[href="#previous"], a.btn:not(:disabled):not(.disabled):hover[href="#next"], a.btn:not(:disabled):not(.disabled):hover[href="#previous"] {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

.page-header .breadcrumb li.breadcrumb-item.active {
    color: var(--primary);
}

.swal-modal .swal-button.swal-button--confirm {
    background-color: var(--primary);
}

.btn.btn-outline-secondary {
    border-color: var(--secondary);
    color: var(--secondary);
}

.btn.btn-outline-secondary:not(:disabled):not(.disabled):hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: var(--secondary-inverse);
}

.grid-view .pagination li.active {
    background: var(--primary) !important;
}

.grid-view .pagination li.active a {
    color: var(--primary-inverse) !important;
}

.grid-view .pagination li {
    background: var(--primary-light);
    padding: 10px 18px;
    margin-right: 5px;
    border-radius: 16px;
}

.chat-block .chat-sidebar .chat-sidebar-content .list-group .navigation .navigation-menu-body ul li>.active.list-group-item:after, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li>button.active.btn:after, .navigation .navigation-menu-body ul .chat-block .chat-sidebar .chat-sidebar-content .list-group li>.active.list-group-item:after, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li>button.active.btn:after, .navigation .navigation-menu-body ul li>a.active:after {
    background-color: var(--primary-dark);
}