:root {
    --bs-primary-rgb: 7, 134, 193;
    --bs-primary: #0786c1
}

body {
    background-color: var(--bs-gray-200);
}

a {
    color: var(--bs-primary);
    text-decoration: none;
}

.navbar-brand {
    border-color: #dddddd
}

.navbar-nav .nav-item {
    border-color: #dddddd
}

    .navbar-nav .nav-item .nav-link {
        background-color: #f3f3f3;
        color: #222;
        border-bottom: 3px solid #f3f3f3;
    }

.mega-content .list-group-item,
.nav-link {
    color: #222
}

    .nav-link:hover,
    .nav-link:active,
    .nav-link:focus {
        color: var(--bs-primary);
    }

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:active,
.navbar-nav .nav-item .nav-link:focus,
.navbar-nav .nav-item .nav-link.active {
    background-color: transparent;
    color: #000;
    border-bottom: 3px solid var(--bs-primary);
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #ffffff;
    background-color: var(--bs-primary);
}

.mega-content .list-group-item:after {
    background-color: var(--bs-primary);
}

.mega-content .list-group-item:hover,
.mega-content .list-group-item:active,
.mega-content .list-group-item:focus,
.mega-content .list-group-item.active {
    color: var(--bs-primary)
}

.page-title {
    border-bottom-color: #e8e8e8;
    color: var(--bs-primary);
}

.breadcrumb-item.active {
    color: #6c757d;
}

.with-dropdown .input-group-text {
    color: var(--bs-primary);
    background-color: #ffffff;
    border-bottom-color: #ced4da;
}

.with-dropdown .form-control {
    border-left-color: #ced4da;
}

.form-control,
.form-select,
.bootstrap-tagsinput {
    border-bottom-color: #ced4da;
}

.btn-primary {
    color: #ffffff !important;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

    .btn-primary:hover {
        color: #ffffff;
        background-color: #0a73a4;
        border-color: #0a73a4;
    }

.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
    padding: 6px 16px;
}

    .btn-outline-primary:hover {
        color: #ffffff;
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* #homeViewTab.nav-tabs .nav-link,  */
.home-tabs .nav-link {
    border-color: transparent;
}

    /* #homeViewTab.nav-tabs .nav-link.active,  */
    .home-tabs .nav-link.active {
        color: var(--bs-primary);
        border-bottom-color: var(--bs-primary);
    }

.actiontabs.nav-tabs .nav-link {
    border-color: #dddddd;
}


.actionstabs.nav-tabs .nav-link.active {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.notificationtabs.nav-tabs .nav-link.active, .customertabs.nav-tabs .nav-link.active, .customertabs .list-group-item-action.active {
    border-color: var(--bs-primary);
    background: var(--bs-primary);
    color: #fff;
}

.customertabs.nav-tabs .nav-link.disabled span, .customertabs .list-group-item-action.disabled span {
    background-color: var(--bs-gray-500);
}

.nav-tabs .nav-link.disabled {
    color: var(--bs-gray-500);
    border-color: var(--bs-gray-500)
}

.badge-pill.badge-critical,
.badge-critical,
.timeline li .status.critical:before,
.row section .icon.bg-critical {
    background-color: rgb(255 0 0);
    color: #ffffff;
    border-color: rgb(255 0 0);
}

.badge-pill.badge-danger,
.badge-danger,
.timeline li .status.danger:before,
.row section .icon.bg-danger {
    background-color: #F26622;
    color: #ffffff;
    border-color: #F26622
}

.badge-pill.badge-major,
.badge-major,
.timeline li .status.major:before,
.row section .icon.bg-major {
    background-color: #F8991D;
    color: #ffffff;
    border-color: #F8991D
}

.badge-pill.badge-minor,
.badge-minor,
.timeline li .status.minor:before,
.row section .icon.bg-minor {
    background-color: #FDC010;
    color: #ffffff;
    border-color: #FDC010
}

.badge-pill.badge-success,
.badge-success,
.timeline li .status.success:before,
.row section .icon.bg-success {
    background-color: #69BD45;
    color: #ffffff;
    border-color: #69BD45
}

.timeline li .status.inderterminant:before,
.row section .icon.bg-inderterminant,
.row section .icon.bg-primary,
.row.active-user section .icon {
    background-color: var(--bs-primary);
    color: #ffffff;
    border-color: var(--bs-primary)
}

#actionableTab .nav-tabs .nav-link span.bg-critical,
.nav-link span.bg-critical,
.bg-critical {
    background-color: rgb(255 0 0) !important;
}

#actionableTab .nav-tabs .nav-link span.bg-danger,
.nav-link span.bg-danger,
.bg-danger {
    background-color: #F26622 !important;
}

#actionableTab .nav-tabs .nav-link span.bg-major,
.nav-link span.bg-major,
.bg-major {
    background-color: #F8991D !important;
}

#actionableTab .nav-tabs .nav-link span.bg-minor,
.nav-link span.bg-minor,
.bg-minor {
    background-color: #FDC010 !important;
}

#actionableTab .nav-tabs .nav-link span.bg-success,
.nav-link span.bg-success,
.bg-success {
    background-color: #69BD45 !important;
}

.state-new-tr td:nth-child(2) {
    border-left: 3px solid #f78b8b
}

.state-assigned-tr td:nth-child(2) {
    border-left: 3px solid #fbd078
}

.state-inprogress-tr td:nth-child(2) {
    border-left: 3px solid #89f3f3
}

.state-resolved-tr td:nth-child(2) {
    border-left: 3px solid #b1fd64
}

.state-closed-tr td:nth-child(2) {
    border-left: 3px solid #cac7c7
}

.circular-chart.orange .circle {
    stroke: #ff9f00;
}

.circular-chart.green .circle {
    stroke: #4CC790;
}

.circular-chart.blue .circle {
    stroke: #3c9ee5;
}

.service-list li {
    border-bottom-color: #dddddd;
}

#tableWrap.toggled #serviceToggle {
    background-color: #bcdcf5;
    color: var(--bs-primary)
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom-color: #dddddd
}

.action-name,
.related-name,
.chat-heading,
.Chatfooter .StartChat .sendChat,
.service-heading {
    color: var(--bs-primary);
}

.chat-view .navbar-nav .nav-item .nav-link:hover {
    color: var(--bs-primary);
    background-color: #dddddd
}

.table-heading,
.row section .details .title,
.metric-cards .card-header {
    color: var(--bs-primary);
}

.update-available > button:hover,
.addnew-dashboard-btn > button:focus {
    background: var(--bs-primary);
    color: #ffffff;
}

span.gbl-chips.http {
    background: rgb(121, 223, 249);
}

span.gbl-chips.rest {
    background: #ddd;
}

.legends li > span.http {
    background-color: rgb(121, 223, 249);
}

.legends li > span.rest {
    background-color: #ddd;
}

.steps .step-count .active {
    color: var(--bs-primary)
}

.step-indicator span.active {
    background: var(--bs-primary);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--bs-primary);
}
/* .info-filled{border-left-color:#69BD45} */

tbody, td, tfoot, th, thead, tr, .table th, .table td, .table > :not(:first-child) {
    border-color: var(--base-border2);
    background: var(--bg-table);
    color: var(--running-color);
}